Sei sulla pagina 1di 5

HTML Tags Quick Reference Guide

By Umar Azam

Note:InolderversionsofHTML,sometagsdidnotrequireendingtags.WiththeemergenceofXML andXHTML,youshouldbesuretoincludebothbeginningandendingtags. Document Images Forms Basic Imagemaps Text META Lists Tags Tables Style Sheets Links Frames

Special Character

StructureTags Function Start Tag Attributes EndTag </html> </head> </title> > </body>

HTMLFile <html> none FileHeader <head> none FileTitle Comments Body <title> <! none Yourcommentsgobetweenthestartandendtags.Puta spacebetweentheandyourcomments.

<body> background="filename" bgcolor="colorvalue" text="colorvalue" link="colorvalue" vlink="colorvalue" <div> align="right/left/center" style="property:value;" class="classname"

Division

</div>

Span (inline)

<span> style="property:value;" class="classname"

</span>

BasicTextTags Function LineBreak Paragraph StartTag <br> <p> Attributes clear="left/right/all" align="center/right" EndTag </br>or<br/> </p>

Bold Italic Typewriter Text Headline Font

<b> <i> <tt> <h16> <font>

none none none align="center/right" face="name,name" size="+/value/fixedsize" color="colorvalue" Note:thefonttagisbeingphasedoutin favorofCSSstyles. size="XX" width="XX/XX%" noshade

</b> </i> </tt> </h16> </font>

Horizontal Rule BlockQuote Division ListTags Function UnorderedList OrderedList ListItem DefinitonList

<hr>

</hr>or<hr/>

<blockquote> none <div> align="left/center/right"

</blockquote> </div>

StartTag <ul> <ol> <li> <dl> <dt> <dd>

Attributes type="disc/circle/square" type="I/A/1/a/i" start="valuetostartcountingat" type=allulandoloptions none none none

EndTag </ul> </ol> </li> </dl> </dt> </dd>

DefinitionListItem DefinitionListDefinition LinkTags Function AnchorLink AnchorMark ImageTags

StartTag <a> <a>

Attributes href="filename" target="windowname" name="markname"

EndTag </a> </a>

Function InsertImage

StartTag <img>

Attributes src="filename" align="left/right" width="XXX" height="XXX" alt="textthatdesribesimage" ISMAP USEMAP="#mapname"

EndTag </img>

ClientsideImagemapTags Function DefineMap AreaDefinition StartTag <map> <area> Attributes name="mapname" shape="rect/circle/poly/point" coords="X,Y,X,Y" href="imagename" EndTag </map> </area>

TableTags Function Table StartTag <table> Attributes border="X" width="XX/X%" cellspacing="XX" cellpadding="XX" bgcolor="colorvalue"background="filename" align="left/center/right" valign="top/middle/bottom" bgcolor="colorvalue" align="left/center/right" valign="top/middle/bottom" width=X nowrap colspan="X" rowspan="X" bgcolor="colorvalue" align="left/center/right" valign="top/middle/bottom" width=X nowrap colspan="X" rowspan="X" EndTag </table>

TableRow

<tr>

</tr>

TableData

<td>

</td>

TableHeader

<th>

</th>

bgcolor="colorvalue" Caption <caption> align="left/center/right" valign="top/middle/bottom" </caption>

FrameTags Function SetFrames Frame Definition StartTag Attributes EndTag </frameset> </frame>

<frameset> cols="XX/XX%/*" rows="XX/XX%/*" <frame> src="filename" name="framename" noresize scroll=auto/yes/no marginwidth="XX" marginheight="XX" target="framename"/ "_self"/ "_top"/ "_parent" (Notetheunderscores)

Base

<base>

</base>

NoFrames

<noframes >

Betweenstartandendtags,placethecontentthat </noframes> appearswhenanonframesbrowserloadsthis page.

FormTags Function Form InputField StartTag <form> <input> Attributes method=get/put action="programname" name="variablename" type=text/password/ checkbox/radio/submit/ reset/image name="variablename" size=XX multiple none name="variablename" rows=XX EndTag </form> </input>

SelectionList

<select>

</select>

SelectionOption ScrollingTextField

<option> <textarea>

</option> </textarea>

cols=XX MetaTags Function <meta> (Servermetatags) <meta> (Contentmetatags) StartTag httpequiv="refresh" content="seconds,filename" name="keywords/description/author/ generator/abstract/expiration" content="yourinformation" Attributes none none EndTag </meta> </meta>

StyleSheetTags Function StyleDefinitionArea StartTag Attributes <style> type="text/css"> Styledeclarationsgobetweenbeginandend styletags rel=stylesheet type="text/css" href="URL" EndTag </style>

LinktoexternalCSS File

<link>

none

CommonlyUsedSpecialCharacters Name ampersand centsign copyrightsymbol degreesign greaterthan lessthan nonbreakingspace registeredtrademark trademark Symbol & > < HTMLEquivalent &amp; &cent; &copy;or&#169; &deg; &gt; &lt; &nbsp; &#174; &#153;

Potrebbero piacerti anche