HTML Tag Chart

HTML Tag Chart
Tag <!-<A <B> <BIG> <BODY> <BR> <CENTER> Name comment anchor bold big (text) body of document line break center Code Example  <A HREF="http://www.yourdomain.com/">Visit Our Site</A> <B>Example</B> <BIG>Example</BIG> <BODY>The content of your page</BODY> The contents of your page<BR>The contents of your page <CENTER>This will center your contents</CENTER> Browser View Nothing will show Visit Our Site Example
Example
Contents of your webpage The contents of your page The contents of your page This will center your contents Definition Term Definition of the term Definition Term Definition of the term
<DD>
<DL> <DT>Definition Term definition <DD>Definition of the term description <DT>Definition Term <DD>Definition of the term </DL> <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> <DL> <DT>Definition Term <DD>Definition of the term <DT>Definition Term <DD>Definition of the term </DL> This is an <EM>Example</EM> of using the emphasis tag
<DL>
definition list
Definition Term Definition of the term Definition Term Definition of the term
<DT>
definition term
Definition Term Definition of the term Definition Term Definition of the term This is an Example of using the emphasis tag
<EM>
emphasis
<FONT> <FONT>
font font
<FONT FACE="Times New Roman">Example</FONT> <FONT FACE="Times New Roman" SIZE="4">Example</FONT>
Example (Tip)
Example (Tip)
<FONT>
font
<FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT>
Example
<FORM>
form
<FORM action="mailto:you@yourdomain.com"> Name: <INPUT name="Name" value="" Name: size="10"><BR> Email: <INPUT name="Email" value="" size="10"><BR> Email: <CENTER><INPUT type="submit"></CENTER> Submit Query </FORM>
<H1>
heading 1
<H1>Heading 1 Example</H1>
Heading 1 Example
Heading 2 Example
Heading 3 Example
Heading 4 Example
Heading 5 Example
Heading 6 Example
<H2> <H3> <H4> <H5> <H6> <HEAD>
heading 2 heading 3 heading 4 heading 5 heading 6
<H2>Heading 2 Example</H2> <H3>Heading 3 Example</H3> <H4>Heading 4 Example</H4> <H5>Heading 5 Example</H5> <H6>Heading 6 Example</H6>
heading of <HEAD>Contains elements describing the document document</HEAD> horizontal rule horizontal rule horizontal rule horizontal rule horizontal rule hypertext markup language italic image input field <HR>
Nothing will show
<HR>
Contents of your webpage (Tip) Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Contents of your webpage Example
<HR> <HR> <HR> (Internet Explorer) <HR> (Internet Explorer) <HTML> <I> <IMG> <INPUT>
<HR WIDTH="50%" SIZE="3"> <HR WIDTH="50%" SIZE="3" NOSHADE> <HR WIDTH="75%" COLOR="#FF0000" SIZE="4">
<HR WIDTH="25%" COLOR="#6699FF" SIZE="6"> <HTML><HEAD><META><TITLE>Title of your webpage</TITLE></HEAD><BODY>Webpage contents</BODY></HTML> <I>Example</I> <IMG SRC="Earth.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="a sentence about your site"> Example 1: <FORM METHOD=post ACTION="/cgibin/example.cgi">
Example 1: (Tip)
Submit
<INPUT type="text" size="10" maxlength="30"> <INPUT type="Submit" VALUE="Submit"> </FORM> Example 2: <FORM METHOD=post ACTION="/cgibin/example.cgi"> <INPUT type="text" STYLE="color: #FFFFFF; fontfamily: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30"> <INPUT type="Submit" VALUE="Submit"> </FORM> Example 4: <FORM METHOD=post ACTION="/cgibin/example.cgi"> Enter Your Comments:<BR> <TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR> <INPUT type="Submit" VALUE="Submit"> <INPUT type="Reset" VALUE="Clear"> </FORM> Example 5: <FORM METHOD=post ACTION="/cgibin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION >option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> <INPUT type="Submit" VALUE="Submit"></CENTER> </FORM> Example 6: <FORM METHOD=post ACTION="/cgibin/example.cgi"> Select an option:<BR> <INPUT type="radio" name="option"> Option 1 <INPUT type="radio" name="option" CHECKED> Option 2 <INPUT type="radio" name="option"> Option 3 <BR> <BR> Select an option:<BR> <INPUT type="checkbox" name="selection"> Selection Example 2: (Tip)
Submit
<INPUT> (Internet Explorer)
input field
Example 4: (Tip)
<INPUT>
input field
Submit
Clear
Example 5: (Tip) Select an option:
Submit
<INPUT>
input field
<INPUT>
input field
Example 6: (Tip) Select an option:
Option 1 Option 2 Option 3

Select an option:
Selection 1
1 <INPUT type="checkbox" name="selection" CHECKED> Selection 2 <INPUT type="checkbox" name="selection"> Selection 3 <INPUT type="Submit" VALUE="Submit"> </FORM> Example 1:
Selection 2 Selection 3
Submit
Example 1: (Tip) <MENU> <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3 </MENU> <LI> list item Example 2: <OL type="i"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Visit our <A HREF="http://www.yourdomain.com/">site</A> <MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Example Example 2: o List item 1 List item 2 List item 3
i. ii. iii. iv.
List item 1 List item 2 List item 3 List item 4
<LINK>
link
Visit our site
<MARQUEE> scrolling (Internet text Explorer)
Marquee</MARQUEE>
(Tip) <MENU> <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3 </MENU> o List item 1 List item 2 List item 3
<MENU>
menu
<OL>
ordered list Example 1: <OL> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> Example 2:
Example 1:
1. 2. 3. 4.
List item 1 List item 2 List item 3 List item 4
Example 2:
<OL type="a"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL> <FORM METHOD=post ACTION="/cgibin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION>option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> </CENTER> </FORM> This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines. Attributes: Example 1:<BR> <BR> <P align="left"> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 2:<BR> <BR> <P align="right"> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 3:<BR> <BR> <P align="center"> This is an example<BR> displaying the use<BR> of the paragraph tag.
a. List item 1 b. List item 2 c. List item 3 d. List item 4
<OPTION>
listbox option
Select an option: (Tip)
This is an example displaying the use of the paragraph tag. This will create a line break and a space between lines. Attributes: Example 1: This is an example displaying the use of the paragraph tag. Example 2: This is an example displaying the use of the paragraph tag. Example 3: This is an example displaying the use of the paragraph tag.
Example
<P>
paragraph
<SMALL> <STRONG>
small (text) <SMALL>Example</SMALL> strong emphasis <STRONG>Example</STRONG>
Example
Example 1: <TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 2: (Internet Explorer) <TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> Example 3: <TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD BGCOLOR="#CCCCCC">Column 1</TD> <TD BGCOLOR="#CCCCCC">Column 2</TD> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> </TR> </TABLE> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> <DIV align="center"><TABLE> <TR> <TH>Column 1</TH> <TH>Column 2</TH> <TH>Column 3</TH> </TR> <TR> <TD>Row 2</TD> <TD>Row 2</TD> <TD>Row 2</TD> </TR> <TR> <TD>Row 3</TD>
Example 1: Column 1 Column 2
Example 2: Column 1 Column 2
<TABLE>
table
Example 3: Column 1 Row 2 Column 2 Row 2
<TD>
table data
Column 1
Column 2
<TH>
table header
Column 1 Column 2 Column 3 Row 2 Row 2 Row 2 Row 3 Row 3 Row 3 Row 4 Row 4 Row 4
<TD>Row 3</TD> <TD>Row 3</TD> </TR> <TR> <TD>Row 4</TD> <TD>Row 4</TD> <TD>Row 4</TD> </TR> </TABLE> </DIV> <TITLE> document title <TITLE>Title of your webpage</TITLE> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD>Column 1</TD> <TD>Column 2</TD> </TR> </TABLE> <TT>Example</TT> <U>Example</U> Example 1:<BR> <BR> <UL> <LI>List item 1 <LI>List item 2 </UL> <BR> Example 2:<BR> <UL type="disc"> <LI>List item 1 <LI>List item 2 <UL type="circle"> <LI>List item 3 <LI>List item 4 </UL> </UL> Title of your webpage will be viewable in the title bar.
<TR>
table row
Column 1
Column 2
<TT> <U>
teletype underline
Example Example Example 1: List item 1 List item 2
<UL>
unordered list
Example 2: List item 1 List item 2 o List item 3 o List item 4

HTML Tag Chart

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Tag Chart

Uploaded by

Copyright:

Available Formats

HTML Tag Chart

<FONT FACE="Times New Roman">Example</FONT> <FONT FACE="Times New Roman" SIZE="4">Example</FONT>

<FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT>

<H2> <H3> <H4> <H5> <H6> <HEAD>

heading 2 heading 3 heading 4 heading 5 heading 6

Nothing will show

<INPUT> (Internet Explorer)

Example 5: (Tip) Select an option:

Example 6: (Tip) Select an option:

Option 1 Option 2 Option 3

i. ii. iii. iv.

List item 1 List item 2 List item 3 List item 4

Visit our site

<MARQUEE> scrolling (Internet text Explorer)

List item 1 List item 2 List item 3 List item 4

a. List item 1 b. List item 2 c. List item 3 d. List item 4

Select an option: (Tip)

small (text) <SMALL>Example</SMALL> strong emphasis <STRONG>Example</STRONG>

Example 1: Column 1 Column 2

Example 2: Column 1 Column 2

Example 3: Column 1 Row 2 Column 2 Row 2

Example Example Example 1: List item 1 List item 2

Example 2: List item 1 List item 2 o List item 3 o List item 4

You might also like