SlideShare une entreprise Scribd logo
1  sur  12
Télécharger pour lire hors ligne
HTML tags (alphabetical)




                                                   HTML Tags

Choose a letter
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
<!--...-->

A
<A>...</A>

B
<B>...</B>
<BIG>...</BIG>
<BODY>...</BODY>
<BR>

C
<CAPTION>...</CAPTION>
<CENTER>...</CENTER>

D
<DD>...</DD>
<DIR>...</DIR>
<DL>...</DL>
<DT>...</DT>

E
<EM>...</EM>

F
<FONT>...</FONT>
<FRAME>...</FRAME>



 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (1 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

G
H
<H3>...</H3> to <H6>...</H6>
<HEAD>...</HEAD>
<HR>
<HTML>...</HTML>

I
<I>...</I>
<IMG>

J
K
L
<LI>...</LI>

M
<MENU>...</MENU>

N
<NOFRAMES>...</NOFRAMES>

O
<OL>...</OL>

P
<P>...</P>

Q




    http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (2 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

R
S
<S>...</S>
<SMALL>...</SMALL>
<STRIKE>...</STRIKE>
<STRONG>...</STRONG>
<SUB>...</SUB>
<SUP>...</SUP>

T
<TABLE>...</TABLE>
<TD>...</TD>
<TH>...</TH>
<TITLE>...</TITLE>
<TT>...</TT>
<TR>...</TR>

U
<U>...</U>
<UL>...</UL>

V
W
X
Y
Z


<!--...-->
HTML comments - multiline comments, not displayed by the browser
do not include two consecutive dashes (--) inside a comment.




 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (3 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

<A>...</A>
Often called anchor tags.
Links can be created using the <A>...</A> tags.
Attributes
   q HREF="..."
      where location is the path and filename to the linked file or image
      or specifies the email address prefaced with mailto:
   q NAME="..."
      each anchor tag can be given a name - this allows you to link directly to sections where a named
      anchor occurs.
      A # (hash) symbol is used before the name in the HREF attribute when linking.



<B>...</B>
Bold Text



<BIG>...</BIG>
Large Text



<BODY>...</BODY>
This is the second section of an HTML page - defines the body information, i.e. the content of an HTML
page.
There can only be one BODY tag, it must follow the HEAD tags.
   q BGCOLOR="..." - sets the background colour using either the colour name or the hex number

q    BACKGROUND="..." - specifies the URL of the background image to be tiled
q    TEXT="..." - sets the text colour using either the colour name or the hex number
q    LINK="..." - sets the link colour using either the colour name or the hex number
q    VLINK="..." - sets the visited link colour using either the colour name or the hex number
q    ALINK="..." - sets the active link colour using either the colour name or the hex number
q    ONLOAD="..." - triggered event when document loads
q    ONUNLOAD="..." - triggered event when document unloads




    http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (4 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

<BR>
Forces a line break.
This tag is one sided - it does not act on anything.
   q CLEAR="..." - NONE, LEFT, RIGHT or ALL, sets the location of the start of the next line




<CAPTION>...</CAPTION>
Table caption
Attributes
   q ALIGN="..." - TOP, BOTTOM, LEFT, CENTER or RIGHT




<CENTER>...</CENTER>
Will centre (horizontally) information inside the tags - this tag has been deprecated.



<DD>...</DD>
Definition term for glossary or definition lists, <DL>...</DL>



<DIR>...</DIR>
Surrounds directory lists, uses <LI>...</LI>



<DL>...</DL>
Glossary, or definition, list tags, uses definition term tags, <DT>...</DT>, and definition tags,
<DD>...</DD>



<DT>...</DT>
Definition list term for glossary or definition lists, <DL>...</DL>




 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (5 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

<EM>...</EM>
Emphasised text (often the same as italic)



<FONT>...</FONT>
Allows specification of the font size, color and style (face)
   q FACE="..." - sets the font type, i.e. Arial, Times New Roman, Comic Sans, etc.

   q SIZE="..." - sets the font size. Use 1 to 7, or relative sizes, i.e. -1, +0, +1, etc.

   q COLOR="..." - sets the font colour using either the colour name or the hex number




<FRAME>...</FRAME>
Defines a frame



<H3>...</H3> to <H6>...</H6>
There are 6 header tags, <H3>...</H3> to <H6>...</H6> , <H3>...</H3> being the largest.
   q ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY



H1 header
H2 header
H3 header
H4 header

H5 header

H6 header




 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (6 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

<HEAD>...</HEAD>
This is the first section of an HTML page.
The document header resides within these tags - defines the header information, such as the <TITLE> in
an HTML page.
There can only be one HEAD tag and it must follow the HTML tag and preceed the BODY tag.
   q PROFILE="..." - URL for the lcation of META data




<HTML>...</HTML>
These tags surround the entire document and define the page as an HTML page.
   q VERSION="..." - URL of document containing type definition of the version used to create the
      HTML document



<HR>
Horizontal Rule - inserts a horizontal line across the screen placing everything before it above the line,
and everything after in below the line. Usually there will be some blank space inserted above and below
it automatically by the browser.
This is a one sided tag - it doesn't act on anything.
    q ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY

    q NOSHADE="..." - rule is a solid color, not shaded

    q SIZE="..." - the size (height) of the horizontal rule

    q WIDTH="..." - the width of the horizontal rule




<I>...</I>
Italic Text



<IMG>...</IMG>
Images can be included using the <IMG> tag.
   q SRC="..." - required
     specifies the location/source, or URL, of the image
   q HEIGHT="..."
     where the image height can be specified in pixels (e.g. 100)
   q WIDTH="..."


 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (7 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

        where the image width can be specified in pixels (e.g. 100)
    q   ALT="..."
        used to display some alternative text to the image. A good idea as often people have images
        switched off to speed up downloading time. Also important for partially sighted users with text
        readers.
    q   ALIGN=...
        specifies the alignment, TOP , MIDDLE , BOTTOM , LEFT , RIGHT , TEXTTOP ,
        ABSMIDDLE , BASELINE or ABSBOTTOM
    q   VSPACE="..."
        specifies the number of pixels of vertical space left around an image
    q   HSPACE="..."
        specifies the number of pixels of horizontal space left around an image
    q   BORDER="..."
        specifies the number of pixels width for the border around the image. Default is no border, except
        of images which are links. Use BORDER="0" to remove borders
    q   NAME="..."
        assigns a name to the image, mainly for use with JavaScript for mouse overs.
    q   LOWSRC="..."
        allows an initial, usually lower resolution, image to be displayed. Final image is downloaded after
        page layout and other LOWSRC images have been loaded.



<LI>...</LI>
List item tags for ordered, <OL>...</OL>, and unordered, <UL>...</UL> lists



<MENU>...</MENU>
Definition term for menu (short paragraph) lists, uses <LI>...</LI>



<NOFRAMES>...</NOFRAMES>
Alternative for browsers where frames are not supported




 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (8 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

<OL>...</OL>
Ordered list tags, uses list item tags <LI>...</LI>
Attributes
   q TYPE="..." - sets number style, 1 (1,2,3,...), a (a,b,c,...), A (A,B,C,...), i (i,ii,iii,...) or I
      (I,II,III,...)
      Default type is 1.
   q START="..." - sets start number of list
      Default start number is 1.



<P>...</P>
Paragraph tags
Text within the paragraph tags will begin on a new line, and the paragraph will be separated by a blank
line before and after the paragraph.
In most browers it will work without an end tag, but to be on the safe side, always enclose your
paragraph in a beginning and an end paragraph tag.
Attributes
    q ALIGN="..." - LEFT, CENTER, RIGHT and JUSTIFY




<S>...</S>
Strikethrough Text



<SMALL>...</SMALL>
Small Text



<STRIKE>...</STRIKE>
Strikethrough Text



<STRONG>...</STRONG>
Strong emphasised text (often the same as bold)



 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (9 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)


<SUB>...</SUB>
Subscript Text



<SUP>...</SUP>
Superscript Text



<TABLE>...</TABLE>
Tables can be created using the <TABLE>...</TABLE> tags.
Table headers, <TH>...</TH> , rows, <TR>...</TR> , and cells (cell data), <TD>...</TD> ,
can be created.
Attributes
   q BORDER="..."
      defines the pixel width of the border surrounding the table. BORDER="0" turns off the border and
      is the default setting.
   q WIDTH="..."
      specifies the width of the table in pixels (i.e. 50), or percentage of the browser window (i.e. 100%)
      (if within a cell already this will be percentage of cell size).
   q CELLSPACING="..."
      specifies the amount of the space between cells
   q CELLPADDING="..."
      specifies the amount of the space between cell edges and the cell contents
   q BGCOLOR="..."
      sets the background colour using either the colour name or the hex number



<TD>...</TD>
Table data tags - surrounds an entire cell within a row within a table.
Attributes
   q ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or
      RIGHT
   q VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM
      or RIGHT
   q BGCOLOR="..." - sets the background colour using either the colour name or the hex number

    q   WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e.


 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (10 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)

        100%)
    q   ROWSPAN="..." - number of rows cell is to span
    q   COLSPAN="..." - number of columns cell is to span



<TH>...</TH>

Table header cells - surrounds an entire cell within a row within a table.
Attributes
   q ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or
      RIGHT
   q VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM
      or RIGHT
   q BGCOLOR="..." - sets the background colour using either the colour name or the hex number

    q   WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e.
        100%)
    q   ROWSPAN="..." - number of rows cell is to span
    q   COLSPAN="..." - number of columns cell is to span



<TITLE>...</TITLE>
Defines the title of a page.
This text does not appear in your web page, but appears in the title bar of the browser and when the page
is bookmarked.
The TITLE must be defined in the HEAD of the document. Only one TITLE can be used in each page.



<TR>...</TR>
Table row tags - surrounds an entire row within a table.
Attributes
   q ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or
      RIGHT
   q VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM
      or RIGHT
   q BGCOLOR="..." - sets the background colour using either the colour name or the hex number

    q   WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e.
        100%)


 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (11 of 12) [31/05/2001 10:47:49]
HTML tags (alphabetical)




<TT>...</TT>
Typewriter or true type font



<U>...</U>
Underlined Text



<UL>...</UL>
Unordered list tags, uses list item tags <LI>...</LI>
Attributes
   q TYPE="..." - sets bullet type, DISC, SQUARE or CIRCLE




 http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (12 of 12) [31/05/2001 10:47:49]

Contenu connexe

Tendances

Html Help Sheet 02
Html Help Sheet 02Html Help Sheet 02
Html Help Sheet 02zsk
 
HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and FormsDoncho Minkov
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTMLAarti P
 
WCBuf: CSS Display Properties versus HTML Semantics
WCBuf: CSS Display Properties versus HTML SemanticsWCBuf: CSS Display Properties versus HTML Semantics
WCBuf: CSS Display Properties versus HTML SemanticsAdrian Roselli
 
Css ejemplos y codigo 1
Css ejemplos y codigo 1Css ejemplos y codigo 1
Css ejemplos y codigo 1FREDY GÓMEZ
 
Anko試食会
Anko試食会Anko試食会
Anko試食会susan335
 
Html5 appunti.0
Html5   appunti.0Html5   appunti.0
Html5 appunti.0orestJump
 
Html table
Html tableHtml table
Html tableJayjZens
 
Front-End Methodologies
Front-End MethodologiesFront-End Methodologies
Front-End MethodologiesArash Manteghi
 

Tendances (13)

Html Help Sheet 02
Html Help Sheet 02Html Help Sheet 02
Html Help Sheet 02
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 
HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and Forms
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
 
WCBuf: CSS Display Properties versus HTML Semantics
WCBuf: CSS Display Properties versus HTML SemanticsWCBuf: CSS Display Properties versus HTML Semantics
WCBuf: CSS Display Properties versus HTML Semantics
 
Css ejemplos y codigo 1
Css ejemplos y codigo 1Css ejemplos y codigo 1
Css ejemplos y codigo 1
 
Anko試食会
Anko試食会Anko試食会
Anko試食会
 
Profit statement 00
Profit statement 00Profit statement 00
Profit statement 00
 
HTML 4.0
HTML 4.0HTML 4.0
HTML 4.0
 
Html5 appunti.0
Html5   appunti.0Html5   appunti.0
Html5 appunti.0
 
Html Table
Html TableHtml Table
Html Table
 
Html table
Html tableHtml table
Html table
 
Front-End Methodologies
Front-End MethodologiesFront-End Methodologies
Front-End Methodologies
 

En vedette

Seguiremos siendo amigos lp
Seguiremos siendo amigos lpSeguiremos siendo amigos lp
Seguiremos siendo amigos lpAlex Henz
 
Prueba seguiremos siendo amigos
Prueba seguiremos siendo amigosPrueba seguiremos siendo amigos
Prueba seguiremos siendo amigosnataese
 
Java Coding Conventions
Java Coding ConventionsJava Coding Conventions
Java Coding ConventionsRodel Barcenas
 
Katalog na artikli za 2015
Katalog na artikli za 2015Katalog na artikli za 2015
Katalog na artikli za 2015Dejan Spaseski
 
Orientation on Open Courseware Framework @ Don Bosco
Orientation on Open Courseware Framework @ Don BoscoOrientation on Open Courseware Framework @ Don Bosco
Orientation on Open Courseware Framework @ Don BoscoRodel Barcenas
 
Fall 2009 Fashion Wardrobe Updates
Fall 2009 Fashion Wardrobe UpdatesFall 2009 Fashion Wardrobe Updates
Fall 2009 Fashion Wardrobe UpdatesNora Gomez (Gates)
 
PA\'s IPR Services In Wireless Technology - May 2009
PA\'s IPR Services In Wireless Technology - May 2009PA\'s IPR Services In Wireless Technology - May 2009
PA\'s IPR Services In Wireless Technology - May 2009grahambell
 
Dbtc 4ward-6 by Fr. Mario Baclig
Dbtc 4ward-6 by Fr. Mario BacligDbtc 4ward-6 by Fr. Mario Baclig
Dbtc 4ward-6 by Fr. Mario BacligRodel Barcenas
 
PA Develops an LTE PHY for Catapult
PA Develops an LTE PHY for CatapultPA Develops an LTE PHY for Catapult
PA Develops an LTE PHY for Catapultgrahambell
 
Roll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMSRoll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMSChris Evjy
 
Developing Web Content Strategy in Libraries
Developing Web Content Strategy in LibrariesDeveloping Web Content Strategy in Libraries
Developing Web Content Strategy in LibrariesChris Evjy
 
Intranet 2.0 School: Building the essential staff intranet for your library
Intranet 2.0 School: Building the essential staff intranet for your libraryIntranet 2.0 School: Building the essential staff intranet for your library
Intranet 2.0 School: Building the essential staff intranet for your libraryChris Evjy
 
Don Bosco BSIT Program
Don Bosco BSIT ProgramDon Bosco BSIT Program
Don Bosco BSIT ProgramRodel Barcenas
 
Linux 101 Exploring Linux OS
Linux 101 Exploring Linux OSLinux 101 Exploring Linux OS
Linux 101 Exploring Linux OSRodel Barcenas
 
Capstone primer for BSIT Program @DBTC
Capstone primer for BSIT Program @DBTCCapstone primer for BSIT Program @DBTC
Capstone primer for BSIT Program @DBTCRodel Barcenas
 

En vedette (20)

Seguiremos siendo amigos
Seguiremos siendo amigosSeguiremos siendo amigos
Seguiremos siendo amigos
 
Seguiremos siendo amigos lp
Seguiremos siendo amigos lpSeguiremos siendo amigos lp
Seguiremos siendo amigos lp
 
Prueba seguiremos siendo amigos
Prueba seguiremos siendo amigosPrueba seguiremos siendo amigos
Prueba seguiremos siendo amigos
 
Guia actividades-seguiremos-siendo-amigos
Guia actividades-seguiremos-siendo-amigosGuia actividades-seguiremos-siendo-amigos
Guia actividades-seguiremos-siendo-amigos
 
Java Coding Conventions
Java Coding ConventionsJava Coding Conventions
Java Coding Conventions
 
Katalog na artikli za 2015
Katalog na artikli za 2015Katalog na artikli za 2015
Katalog na artikli za 2015
 
Evaluation
EvaluationEvaluation
Evaluation
 
Orientation on Open Courseware Framework @ Don Bosco
Orientation on Open Courseware Framework @ Don BoscoOrientation on Open Courseware Framework @ Don Bosco
Orientation on Open Courseware Framework @ Don Bosco
 
Fall 2009 Fashion Wardrobe Updates
Fall 2009 Fashion Wardrobe UpdatesFall 2009 Fashion Wardrobe Updates
Fall 2009 Fashion Wardrobe Updates
 
PA\'s IPR Services In Wireless Technology - May 2009
PA\'s IPR Services In Wireless Technology - May 2009PA\'s IPR Services In Wireless Technology - May 2009
PA\'s IPR Services In Wireless Technology - May 2009
 
Dbtc 4ward-6 by Fr. Mario Baclig
Dbtc 4ward-6 by Fr. Mario BacligDbtc 4ward-6 by Fr. Mario Baclig
Dbtc 4ward-6 by Fr. Mario Baclig
 
PA Develops an LTE PHY for Catapult
PA Develops an LTE PHY for CatapultPA Develops an LTE PHY for Catapult
PA Develops an LTE PHY for Catapult
 
Roll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMSRoll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMS
 
Developing Web Content Strategy in Libraries
Developing Web Content Strategy in LibrariesDeveloping Web Content Strategy in Libraries
Developing Web Content Strategy in Libraries
 
Global Sourcing Consumables
Global Sourcing ConsumablesGlobal Sourcing Consumables
Global Sourcing Consumables
 
Intranet 2.0 School: Building the essential staff intranet for your library
Intranet 2.0 School: Building the essential staff intranet for your libraryIntranet 2.0 School: Building the essential staff intranet for your library
Intranet 2.0 School: Building the essential staff intranet for your library
 
Don Bosco BSIT Program
Don Bosco BSIT ProgramDon Bosco BSIT Program
Don Bosco BSIT Program
 
Linux 101 Exploring Linux OS
Linux 101 Exploring Linux OSLinux 101 Exploring Linux OS
Linux 101 Exploring Linux OS
 
Sincere presentation 2015
Sincere presentation 2015Sincere presentation 2015
Sincere presentation 2015
 
Capstone primer for BSIT Program @DBTC
Capstone primer for BSIT Program @DBTCCapstone primer for BSIT Program @DBTC
Capstone primer for BSIT Program @DBTC
 

Similaire à Html Tags

Html ref guide
Html ref guideHtml ref guide
Html ref guidesatish 486
 
Web designing (2) - CSS Basic Coding
Web designing (2) - CSS Basic CodingWeb designing (2) - CSS Basic Coding
Web designing (2) - CSS Basic CodingRabiul robi
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetAbdulla-al Baset
 
Web topic 15 1 basic css layout
Web topic 15 1  basic css layoutWeb topic 15 1  basic css layout
Web topic 15 1 basic css layoutCK Yang
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptFahim Abdullah
 
Introduction to d3js (and SVG)
Introduction to d3js (and SVG)Introduction to d3js (and SVG)
Introduction to d3js (and SVG)zahid-mian
 
Lecture05sql 110406195130-phpapp02
Lecture05sql 110406195130-phpapp02Lecture05sql 110406195130-phpapp02
Lecture05sql 110406195130-phpapp02Lalit009kumar
 
Unit 1-HTML Final.ppt
Unit 1-HTML Final.pptUnit 1-HTML Final.ppt
Unit 1-HTML Final.pptTusharTikia
 

Similaire à Html Tags (20)

Html ref guide
Html ref guideHtml ref guide
Html ref guide
 
Web designing (2) - CSS Basic Coding
Web designing (2) - CSS Basic CodingWeb designing (2) - CSS Basic Coding
Web designing (2) - CSS Basic Coding
 
Pfnp slides
Pfnp slidesPfnp slides
Pfnp slides
 
Html tag ref
Html tag refHtml tag ref
Html tag ref
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al Baset
 
Hf html-cheat-sheet
Hf html-cheat-sheetHf html-cheat-sheet
Hf html-cheat-sheet
 
Deepshikha html
Deepshikha htmlDeepshikha html
Deepshikha html
 
Xhtml tags reference
Xhtml tags referenceXhtml tags reference
Xhtml tags reference
 
Web topic 15 1 basic css layout
Web topic 15 1  basic css layoutWeb topic 15 1  basic css layout
Web topic 15 1 basic css layout
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Anthony Starks - deck
Anthony Starks - deckAnthony Starks - deck
Anthony Starks - deck
 
Session ii(html)
Session ii(html)Session ii(html)
Session ii(html)
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
 
Introduction to d3js (and SVG)
Introduction to d3js (and SVG)Introduction to d3js (and SVG)
Introduction to d3js (and SVG)
 
Lecture05sql 110406195130-phpapp02
Lecture05sql 110406195130-phpapp02Lecture05sql 110406195130-phpapp02
Lecture05sql 110406195130-phpapp02
 
Unit 1-HTML Final.ppt
Unit 1-HTML Final.pptUnit 1-HTML Final.ppt
Unit 1-HTML Final.ppt
 
HTML CODES
HTML CODESHTML CODES
HTML CODES
 
Lesson 02
Lesson 02Lesson 02
Lesson 02
 
Css ppt
Css pptCss ppt
Css ppt
 
HTML Tutorials
HTML TutorialsHTML Tutorials
HTML Tutorials
 

Dernier

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 

Dernier (20)

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

Html Tags

  • 1. HTML tags (alphabetical) HTML Tags Choose a letter A B C D E F G H I J K L M N O P Q R S T U V W X Y Z <!--...--> A <A>...</A> B <B>...</B> <BIG>...</BIG> <BODY>...</BODY> <BR> C <CAPTION>...</CAPTION> <CENTER>...</CENTER> D <DD>...</DD> <DIR>...</DIR> <DL>...</DL> <DT>...</DT> E <EM>...</EM> F <FONT>...</FONT> <FRAME>...</FRAME> http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (1 of 12) [31/05/2001 10:47:49]
  • 2. HTML tags (alphabetical) G H <H3>...</H3> to <H6>...</H6> <HEAD>...</HEAD> <HR> <HTML>...</HTML> I <I>...</I> <IMG> J K L <LI>...</LI> M <MENU>...</MENU> N <NOFRAMES>...</NOFRAMES> O <OL>...</OL> P <P>...</P> Q http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (2 of 12) [31/05/2001 10:47:49]
  • 3. HTML tags (alphabetical) R S <S>...</S> <SMALL>...</SMALL> <STRIKE>...</STRIKE> <STRONG>...</STRONG> <SUB>...</SUB> <SUP>...</SUP> T <TABLE>...</TABLE> <TD>...</TD> <TH>...</TH> <TITLE>...</TITLE> <TT>...</TT> <TR>...</TR> U <U>...</U> <UL>...</UL> V W X Y Z <!--...--> HTML comments - multiline comments, not displayed by the browser do not include two consecutive dashes (--) inside a comment. http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (3 of 12) [31/05/2001 10:47:49]
  • 4. HTML tags (alphabetical) <A>...</A> Often called anchor tags. Links can be created using the <A>...</A> tags. Attributes q HREF="..." where location is the path and filename to the linked file or image or specifies the email address prefaced with mailto: q NAME="..." each anchor tag can be given a name - this allows you to link directly to sections where a named anchor occurs. A # (hash) symbol is used before the name in the HREF attribute when linking. <B>...</B> Bold Text <BIG>...</BIG> Large Text <BODY>...</BODY> This is the second section of an HTML page - defines the body information, i.e. the content of an HTML page. There can only be one BODY tag, it must follow the HEAD tags. q BGCOLOR="..." - sets the background colour using either the colour name or the hex number q BACKGROUND="..." - specifies the URL of the background image to be tiled q TEXT="..." - sets the text colour using either the colour name or the hex number q LINK="..." - sets the link colour using either the colour name or the hex number q VLINK="..." - sets the visited link colour using either the colour name or the hex number q ALINK="..." - sets the active link colour using either the colour name or the hex number q ONLOAD="..." - triggered event when document loads q ONUNLOAD="..." - triggered event when document unloads http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (4 of 12) [31/05/2001 10:47:49]
  • 5. HTML tags (alphabetical) <BR> Forces a line break. This tag is one sided - it does not act on anything. q CLEAR="..." - NONE, LEFT, RIGHT or ALL, sets the location of the start of the next line <CAPTION>...</CAPTION> Table caption Attributes q ALIGN="..." - TOP, BOTTOM, LEFT, CENTER or RIGHT <CENTER>...</CENTER> Will centre (horizontally) information inside the tags - this tag has been deprecated. <DD>...</DD> Definition term for glossary or definition lists, <DL>...</DL> <DIR>...</DIR> Surrounds directory lists, uses <LI>...</LI> <DL>...</DL> Glossary, or definition, list tags, uses definition term tags, <DT>...</DT>, and definition tags, <DD>...</DD> <DT>...</DT> Definition list term for glossary or definition lists, <DL>...</DL> http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (5 of 12) [31/05/2001 10:47:49]
  • 6. HTML tags (alphabetical) <EM>...</EM> Emphasised text (often the same as italic) <FONT>...</FONT> Allows specification of the font size, color and style (face) q FACE="..." - sets the font type, i.e. Arial, Times New Roman, Comic Sans, etc. q SIZE="..." - sets the font size. Use 1 to 7, or relative sizes, i.e. -1, +0, +1, etc. q COLOR="..." - sets the font colour using either the colour name or the hex number <FRAME>...</FRAME> Defines a frame <H3>...</H3> to <H6>...</H6> There are 6 header tags, <H3>...</H3> to <H6>...</H6> , <H3>...</H3> being the largest. q ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY H1 header H2 header H3 header H4 header H5 header H6 header http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (6 of 12) [31/05/2001 10:47:49]
  • 7. HTML tags (alphabetical) <HEAD>...</HEAD> This is the first section of an HTML page. The document header resides within these tags - defines the header information, such as the <TITLE> in an HTML page. There can only be one HEAD tag and it must follow the HTML tag and preceed the BODY tag. q PROFILE="..." - URL for the lcation of META data <HTML>...</HTML> These tags surround the entire document and define the page as an HTML page. q VERSION="..." - URL of document containing type definition of the version used to create the HTML document <HR> Horizontal Rule - inserts a horizontal line across the screen placing everything before it above the line, and everything after in below the line. Usually there will be some blank space inserted above and below it automatically by the browser. This is a one sided tag - it doesn't act on anything. q ALIGN="..." - LEFT, CENTER, RIGHT or JUSTIFY q NOSHADE="..." - rule is a solid color, not shaded q SIZE="..." - the size (height) of the horizontal rule q WIDTH="..." - the width of the horizontal rule <I>...</I> Italic Text <IMG>...</IMG> Images can be included using the <IMG> tag. q SRC="..." - required specifies the location/source, or URL, of the image q HEIGHT="..." where the image height can be specified in pixels (e.g. 100) q WIDTH="..." http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (7 of 12) [31/05/2001 10:47:49]
  • 8. HTML tags (alphabetical) where the image width can be specified in pixels (e.g. 100) q ALT="..." used to display some alternative text to the image. A good idea as often people have images switched off to speed up downloading time. Also important for partially sighted users with text readers. q ALIGN=... specifies the alignment, TOP , MIDDLE , BOTTOM , LEFT , RIGHT , TEXTTOP , ABSMIDDLE , BASELINE or ABSBOTTOM q VSPACE="..." specifies the number of pixels of vertical space left around an image q HSPACE="..." specifies the number of pixels of horizontal space left around an image q BORDER="..." specifies the number of pixels width for the border around the image. Default is no border, except of images which are links. Use BORDER="0" to remove borders q NAME="..." assigns a name to the image, mainly for use with JavaScript for mouse overs. q LOWSRC="..." allows an initial, usually lower resolution, image to be displayed. Final image is downloaded after page layout and other LOWSRC images have been loaded. <LI>...</LI> List item tags for ordered, <OL>...</OL>, and unordered, <UL>...</UL> lists <MENU>...</MENU> Definition term for menu (short paragraph) lists, uses <LI>...</LI> <NOFRAMES>...</NOFRAMES> Alternative for browsers where frames are not supported http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (8 of 12) [31/05/2001 10:47:49]
  • 9. HTML tags (alphabetical) <OL>...</OL> Ordered list tags, uses list item tags <LI>...</LI> Attributes q TYPE="..." - sets number style, 1 (1,2,3,...), a (a,b,c,...), A (A,B,C,...), i (i,ii,iii,...) or I (I,II,III,...) Default type is 1. q START="..." - sets start number of list Default start number is 1. <P>...</P> Paragraph tags Text within the paragraph tags will begin on a new line, and the paragraph will be separated by a blank line before and after the paragraph. In most browers it will work without an end tag, but to be on the safe side, always enclose your paragraph in a beginning and an end paragraph tag. Attributes q ALIGN="..." - LEFT, CENTER, RIGHT and JUSTIFY <S>...</S> Strikethrough Text <SMALL>...</SMALL> Small Text <STRIKE>...</STRIKE> Strikethrough Text <STRONG>...</STRONG> Strong emphasised text (often the same as bold) http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (9 of 12) [31/05/2001 10:47:49]
  • 10. HTML tags (alphabetical) <SUB>...</SUB> Subscript Text <SUP>...</SUP> Superscript Text <TABLE>...</TABLE> Tables can be created using the <TABLE>...</TABLE> tags. Table headers, <TH>...</TH> , rows, <TR>...</TR> , and cells (cell data), <TD>...</TD> , can be created. Attributes q BORDER="..." defines the pixel width of the border surrounding the table. BORDER="0" turns off the border and is the default setting. q WIDTH="..." specifies the width of the table in pixels (i.e. 50), or percentage of the browser window (i.e. 100%) (if within a cell already this will be percentage of cell size). q CELLSPACING="..." specifies the amount of the space between cells q CELLPADDING="..." specifies the amount of the space between cell edges and the cell contents q BGCOLOR="..." sets the background colour using either the colour name or the hex number <TD>...</TD> Table data tags - surrounds an entire cell within a row within a table. Attributes q ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or RIGHT q VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM or RIGHT q BGCOLOR="..." - sets the background colour using either the colour name or the hex number q WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e. http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (10 of 12) [31/05/2001 10:47:49]
  • 11. HTML tags (alphabetical) 100%) q ROWSPAN="..." - number of rows cell is to span q COLSPAN="..." - number of columns cell is to span <TH>...</TH> Table header cells - surrounds an entire cell within a row within a table. Attributes q ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or RIGHT q VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM or RIGHT q BGCOLOR="..." - sets the background colour using either the colour name or the hex number q WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e. 100%) q ROWSPAN="..." - number of rows cell is to span q COLSPAN="..." - number of columns cell is to span <TITLE>...</TITLE> Defines the title of a page. This text does not appear in your web page, but appears in the title bar of the browser and when the page is bookmarked. The TITLE must be defined in the HEAD of the document. Only one TITLE can be used in each page. <TR>...</TR> Table row tags - surrounds an entire row within a table. Attributes q ALIGN="..." - horizontal alignment of cell contents in the row, can be LEFT, CENTER or RIGHT q VALIGN="..." - vertical alignment of cell contents in the row, can be TOP, MIDDLE, BOTTOM or RIGHT q BGCOLOR="..." - sets the background colour using either the colour name or the hex number q WIDTH="..." - specifies the width in pixels (i.e. 50), or percentage of the browser window (i.e. 100%) http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (11 of 12) [31/05/2001 10:47:49]
  • 12. HTML tags (alphabetical) <TT>...</TT> Typewriter or true type font <U>...</U> Underlined Text <UL>...</UL> Unordered list tags, uses list item tags <LI>...</LI> Attributes q TYPE="..." - sets bullet type, DISC, SQUARE or CIRCLE http://www.cee.hw.ac.uk/~ceehsa1/web_design/html_ref-forpdf.html (12 of 12) [31/05/2001 10:47:49]