Scribd
Upload
30 views

HTML Cheatsheet Kjwsp1v5

The document provides a cheatsheet of basic HTML tags for formatting text, links, images, tables, and forms on a webpage. It includes tags for structuring pages using headings, paragraphs, lists, and breaks. Tags are described for styling text with bold, italics, and font sizes. Additional tags customize tables, frames, backgrounds, and colors. The cheatsheet acts as a quick reference for HTML elements and their attributes.

Uploaded by

Jhon Bejar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
30 views

HTML Cheatsheet Kjwsp1v5

The document provides a cheatsheet of basic HTML tags for formatting text, links, images, tables, and forms on a webpage. It includes tags for structuring pages using headings, paragraphs, lists, and breaks. Tags are described for styling text with bold, italics, and font sizes. Additional tags customize tables, frames, backgrounds, and colors. The cheatsheet acts as a quick reference for HTML elements and their attributes.

Uploaded by

Jhon Bejar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTMLCheatsheet

BasicTags
<html></html>CreatesanHTMLdocument
<head></head>Setsoffthetitleandotherinformationthatisn'tdisplayedontheWebpageitself
<body></body>Setsoffthevisibleportionofthedocument
BodyAttributes
<bodybgcolor="pink">Setsthebackgroundcolor,usingnameorhexvalue
<bodytext="black">Setsthetextcolor,usingnameorhexvalue
<bodylink="blue">Setsthecoloroflinks,usingnameorhexvalue
<bodyvlink="#ff0000">Setsthecoloroffollowedlinks,usingnameorhexvalue
<bodyalink="#00ff00">Setsthecoloroflinksonclick
<bodyondragstart="returnfalse"onselectstart="returnfalse">Disallowstextselection
withthemouseandkeyboard
TextTags
<pre></pre>Createspreformattedtext
<hl></hl>Createsthelargestheadline
<h6></h6>Createsthesmallestheadline
<b></b>Createsboldtext
<i></i>Createsitalictext
<tt></tt>Createsteletype,ortypewriterstyletext
<cite></cite>Createsacitation,usuallyitalic
<em></em>Emphasizesaword(withitalicorbold)
<strong></strong>Emphasizesaword(withitalicorbold)
<fontsize="3"></font>Setssizeoffont,from1to7
<fontcolor="green"></font>Setsfontcolor,usingnameorhexvalue
Links
<ahref="URL"></a>Createsahyperlink
<ahref="mailto:EMAIL"></a>Createsamailtolink
<ahref="URL"><imgsrc="URL"></a>Createsanimage/link
<aname="NAME"></a>Createsatargetlocationwithinadocument
<ahref="#NAME"></a>Linkstothattargetlocationfromelsewhereinthedocument
Formatting
<p></p>Createsanewparagraph
<palign="left">Alignsaparagraphtotheleft(default),right,orcenter.
<br>Insertsalinebreak
<blockquote></blockquote>Indentstextfrombothsides
<dl></dl>Createsadefinitionlist
<dt>Precedeseachdefinitionterm
<dd>Precedeseachdefinition
<ol></ol>Createsanumberedlist
<ul></ul>Createsabulletedlist
<li></li>Precedeseachlistitem,andaddsanumberorsymboldependinguponthetypeoflistselected
<divalign="left">AgenerictagusedtoformatlargeblocksofHTML,alsousedforstylesheets
<imgsrc="name">Addsanimage
<imgrajaram="name"align="left">Alignsanimage:left,right,centerbottom,top,middle
<imgsrc="name"border="1">Setssizeofborderaroundanimage
<hr/>Insertsahorizontalrule
<hrsize="3"/>Setssize(height)ofrule
<hrwidth="80%"/>Setswidthofrule,inpercentageorabsolutevalue
<hrnoshade/>Createsarulewithoutashadow
Tables
<table></table>Createsatable
<tr></tr>Setsoffeachrowinatable
<td></td>Setsoffeachcellinarow
<th></th>Setsoffthetableheader(anormalcellwithbold,centeredtext)
TableAttributes
<tableborder="1">Setswidthofborderaroundtablecells
<tablecellspacing="1">Setsamountofspacebetweentablecells
<tablecellpadding="1">Setsamountofspacebetweenacell'sborderanditscontents
<tablewidth="500"or"80%">Setswidthoftable,inpixelsorasapercentageofdocumentwidth
<tralign="left">or<tdalign="left">Setsalignmentforcell(s)(left,center,orright)
<trvalign="top">or<tdvalign="top">Setsverticalalignmentforcell(s)(top,middle,orbottom)
<tdcolspan="2">Setsnumberofcolumnsacellshouldspan(default=1)
<tdrowspan="4">Setsnumberofrowsacellshouldspan(default=1)
<tdnowrap>Preventsthelineswithinacellfrombeingbrokentofit
Frames
<frameset></frameset>Replacesthe<body>taginaframesdocumentcanalsobenestedinother
framesets
<framesetrows="value,value">Definestherowswithinaframeset,usingnumberinpixels,or
percentageofwidth
<framesetcols="value,value">Definesthecolumnswithinaframeset,usingnumberinpixels,or
percentageofwidth
<frame>Definesasingleframeorregionwithinaframeset
<noframes></noframes>Defineswhatwillappearonbrowsersthatdon'tsupportframes
FramesAttributes
<framesrc="URL">SpecifieswhichHTMLdocumentshouldbedisplayed
<framename="name">Namestheframe,orregion,soitmaybetargetedbyotherframes
<framemarginwidth="value">Definestheleftandrightmarginsfortheframemustbeequaltoor
greaterthan1
<framemarginheight="value">Definesthetopandbottommarginsfortheframemustbeequaltoor
greaterthan1
<framescrolling="value">Setswhethertheframehasascrollbarvaluemayequal"yes,""no,"or
"auto."Thedefault,asinordinarydocuments,isauto.
<framenoresize="noresize">Preventstheuserfromresizingaframe
Forms
Forfunctionalforms,you'llhavetorunaCGIscript.TheHTMLjustcreatestheappearanceofaform.
<form></form>Createsallforms
<selectmultiplename="NAME"size=?></select>Createsascrollingmenu.Sizesetsthenumber
ofmenuitemsvisiblebeforeyouneedtoscroll.
<option>Setsoffeachmenuitem
<selectname="NAME"></select>Createsapulldownmenu
<option>Setsoffeachmenuitem
<textareaname="NAME"cols=40rows=8></textareaname>Createsatextboxarea.Columns
setthewidthrowssettheheight.
<inputtype="checkbox"name="NAME">Createsacheckbox.Textfollowstag.
<inputtype="radio"name="NAME"value="x">Createsaradiobutton.Textfollowstag
<inputtype=textname="ram"size=20>Createsaonelinetextarea.Sizesetslength,in
characters.
<inputtype="submit"value="NAME">CreatesaSubmitbutton
<buttontype="submit">Submit</button>Createsanactualbuttonthatisclicked
<inputtype="image"border=0name="NAME"src="name.gif">CreatesaSubmitbuttonusing
animage
<inputtype="reset">CreatesaResetbutton
Thispagewaslastmodified07:45,17April2009.
/skilllevel/
Contents
1BasicTags
2BodyAttributes
3TextTags
4Links
5Formatting
6Tables
7TableAttributes
8Frames
9FramesAttributes
10Forms

Editthisarticle

Discuss

Permalink

Print
Reddit Digg Sharethis

Seemorerelatedarticles
HTMLCheatsheet
WebStandardsforBeginners
WindowsBrowserChart
MuldersStylesheetsTutorial
Lesson3
MacBrowserChart
SPECIALOFFERFOR
WEBMONKEYUSERS
WIREDmagazine:
Thefirstwordonhow
technologyischangingour
world.
Subscribeforjust$10ayear
Whatlinkshere Relatedchanges
Uploadfiles
WebmonkeyisapropertyofWiredDigital Alltextissharedundera CreativeCommonsLicense.
Webmonkey:AboutWebmonkey| Staff | FAQ| EditorialGuidelines| Help| Sitemap
WiredDigital: Wired.com| WiredHowToWiki | Reddit | SubscribetoWIREDMagazine
Help | Rssfeeds
reference discussion edit history examples relatednews
Seemoreprogramming.reddit.com

Search
CondNastWebSites:
Wired| Reddit | ArsTechnica| Epicurious| NutritionData| Concierge| HotelChatter | Jaunted| Style.com| Men.Style.com

Registrationonoruseofthissiteconstitutesacceptanceofour UserAgreement (Revised4/2/2009)and PrivacyPolicy(Revised4/2/2009).
Wired.com 2009CondNastDigital.Allrightsreserved.
Thematerialonthissitemaynotbereproduced,distributed,transmitted,cachedorotherwiseused,exceptwiththepriorwrittenpermissionofCond NastDigital.
Subscribetoamagazine: CondNastwebsites:

HTMLCheatsheet
BasicTags
<html></html>CreatesanHTMLdocument
<head></head>Setsoffthetitleandotherinformationthatisn'tdisplayedontheWebpageitself
<body></body>Setsoffthevisibleportionofthedocument
BodyAttributes
<bodybgcolor="pink">Setsthebackgroundcolor,usingnameorhexvalue
<bodytext="black">Setsthetextcolor,usingnameorhexvalue
<bodylink="blue">Setsthecoloroflinks,usingnameorhexvalue
<bodyvlink="#ff0000">Setsthecoloroffollowedlinks,usingnameorhexvalue
<bodyalink="#00ff00">Setsthecoloroflinksonclick
<bodyondragstart="returnfalse"onselectstart="returnfalse">Disallowstextselection
withthemouseandkeyboard
TextTags
<pre></pre>Createspreformattedtext
<hl></hl>Createsthelargestheadline
<h6></h6>Createsthesmallestheadline
<b></b>Createsboldtext
<i></i>Createsitalictext
<tt></tt>Createsteletype,ortypewriterstyletext
<cite></cite>Createsacitation,usuallyitalic
<em></em>Emphasizesaword(withitalicorbold)
<strong></strong>Emphasizesaword(withitalicorbold)
<fontsize="3"></font>Setssizeoffont,from1to7
<fontcolor="green"></font>Setsfontcolor,usingnameorhexvalue
Links
<ahref="URL"></a>Createsahyperlink
<ahref="mailto:EMAIL"></a>Createsamailtolink
<ahref="URL"><imgsrc="URL"></a>Createsanimage/link
<aname="NAME"></a>Createsatargetlocationwithinadocument
<ahref="#NAME"></a>Linkstothattargetlocationfromelsewhereinthedocument
Formatting
<p></p>Createsanewparagraph
<palign="left">Alignsaparagraphtotheleft(default),right,orcenter.
<br>Insertsalinebreak
<blockquote></blockquote>Indentstextfrombothsides
<dl></dl>Createsadefinitionlist
<dt>Precedeseachdefinitionterm
<dd>Precedeseachdefinition
<ol></ol>Createsanumberedlist
<ul></ul>Createsabulletedlist
<li></li>Precedeseachlistitem,andaddsanumberorsymboldependinguponthetypeoflistselected
<divalign="left">AgenerictagusedtoformatlargeblocksofHTML,alsousedforstylesheets
<imgsrc="name">Addsanimage
<imgrajaram="name"align="left">Alignsanimage:left,right,centerbottom,top,middle
<imgsrc="name"border="1">Setssizeofborderaroundanimage
<hr/>Insertsahorizontalrule
<hrsize="3"/>Setssize(height)ofrule
<hrwidth="80%"/>Setswidthofrule,inpercentageorabsolutevalue
<hrnoshade/>Createsarulewithoutashadow
Tables
<table></table>Createsatable
<tr></tr>Setsoffeachrowinatable
<td></td>Setsoffeachcellinarow
<th></th>Setsoffthetableheader(anormalcellwithbold,centeredtext)
TableAttributes
<tableborder="1">Setswidthofborderaroundtablecells
<tablecellspacing="1">Setsamountofspacebetweentablecells
<tablecellpadding="1">Setsamountofspacebetweenacell'sborderanditscontents
<tablewidth="500"or"80%">Setswidthoftable,inpixelsorasapercentageofdocumentwidth
<tralign="left">or<tdalign="left">Setsalignmentforcell(s)(left,center,orright)
<trvalign="top">or<tdvalign="top">Setsverticalalignmentforcell(s)(top,middle,orbottom)
<tdcolspan="2">Setsnumberofcolumnsacellshouldspan(default=1)
<tdrowspan="4">Setsnumberofrowsacellshouldspan(default=1)
<tdnowrap>Preventsthelineswithinacellfrombeingbrokentofit
Frames
<frameset></frameset>Replacesthe<body>taginaframesdocumentcanalsobenestedinother
framesets
<framesetrows="value,value">Definestherowswithinaframeset,usingnumberinpixels,or
percentageofwidth
<framesetcols="value,value">Definesthecolumnswithinaframeset,usingnumberinpixels,or
percentageofwidth
<frame>Definesasingleframeorregionwithinaframeset
<noframes></noframes>Defineswhatwillappearonbrowsersthatdon'tsupportframes
FramesAttributes
<framesrc="URL">SpecifieswhichHTMLdocumentshouldbedisplayed
<framename="name">Namestheframe,orregion,soitmaybetargetedbyotherframes
<framemarginwidth="value">Definestheleftandrightmarginsfortheframemustbeequaltoor
greaterthan1
<framemarginheight="value">Definesthetopandbottommarginsfortheframemustbeequaltoor
greaterthan1
<framescrolling="value">Setswhethertheframehasascrollbarvaluemayequal"yes,""no,"or
"auto."Thedefault,asinordinarydocuments,isauto.
<framenoresize="noresize">Preventstheuserfromresizingaframe
Forms
Forfunctionalforms,you'llhavetorunaCGIscript.TheHTMLjustcreatestheappearanceofaform.
<form></form>Createsallforms
<selectmultiplename="NAME"size=?></select>Createsascrollingmenu.Sizesetsthenumber
ofmenuitemsvisiblebeforeyouneedtoscroll.
<option>Setsoffeachmenuitem
<selectname="NAME"></select>Createsapulldownmenu
<option>Setsoffeachmenuitem
<textareaname="NAME"cols=40rows=8></textareaname>Createsatextboxarea.Columns
setthewidthrowssettheheight.
<inputtype="checkbox"name="NAME">Createsacheckbox.Textfollowstag.
<inputtype="radio"name="NAME"value="x">Createsaradiobutton.Textfollowstag
<inputtype=textname="ram"size=20>Createsaonelinetextarea.Sizesetslength,in
characters.
<inputtype="submit"value="NAME">CreatesaSubmitbutton
<buttontype="submit">Submit</button>Createsanactualbuttonthatisclicked
<inputtype="image"border=0name="NAME"src="name.gif">CreatesaSubmitbuttonusing
animage
<inputtype="reset">CreatesaResetbutton
Thispagewaslastmodified07:45,17April2009.
/skilllevel/
Contents
1BasicTags
2BodyAttributes
3TextTags
4Links
5Formatting
6Tables
7TableAttributes
8Frames
9FramesAttributes
10Forms

Editthisarticle

Discuss

Permalink

Print
Reddit Digg Sharethis

Seemorerelatedarticles
HTMLCheatsheet
WebStandardsforBeginners
WindowsBrowserChart
MuldersStylesheetsTutorial
Lesson3
MacBrowserChart
SPECIALOFFERFOR
WEBMONKEYUSERS
WIREDmagazine:
Thefirstwordonhow
technologyischangingour
world.
Subscribeforjust$10ayear
Whatlinkshere Relatedchanges
Uploadfiles
WebmonkeyisapropertyofWiredDigital Alltextissharedundera CreativeCommonsLicense.
Webmonkey:AboutWebmonkey| Staff | FAQ| EditorialGuidelines| Help| Sitemap
WiredDigital: Wired.com| WiredHowToWiki | Reddit | SubscribetoWIREDMagazine
Help | Rssfeeds
reference discussion edit history examples relatednews
Seemoreprogramming.reddit.com

Search
CondNastWebSites:
Wired| Reddit | ArsTechnica| Epicurious| NutritionData| Concierge| HotelChatter | Jaunted| Style.com| Men.Style.com

Registrationonoruseofthissiteconstitutesacceptanceofour UserAgreement (Revised4/2/2009)and PrivacyPolicy(Revised4/2/2009).
Wired.com 2009CondNastDigital.Allrightsreserved.
Thematerialonthissitemaynotbereproduced,distributed,transmitted,cachedorotherwiseused,exceptwiththepriorwrittenpermissionofCond NastDigital.
Subscribetoamagazine: CondNastwebsites:

HTMLCheatsheet
BasicTags
<html></html>CreatesanHTMLdocument
<head></head>Setsoffthetitleandotherinformationthatisn'tdisplayedontheWebpageitself
<body></body>Setsoffthevisibleportionofthedocument
BodyAttributes
<bodybgcolor="pink">Setsthebackgroundcolor,usingnameorhexvalue
<bodytext="black">Setsthetextcolor,usingnameorhexvalue
<bodylink="blue">Setsthecoloroflinks,usingnameorhexvalue
<bodyvlink="#ff0000">Setsthecoloroffollowedlinks,usingnameorhexvalue
<bodyalink="#00ff00">Setsthecoloroflinksonclick
<bodyondragstart="returnfalse"onselectstart="returnfalse">Disallowstextselection
withthemouseandkeyboard
TextTags
<pre></pre>Createspreformattedtext
<hl></hl>Createsthelargestheadline
<h6></h6>Createsthesmallestheadline
<b></b>Createsboldtext
<i></i>Createsitalictext
<tt></tt>Createsteletype,ortypewriterstyletext
<cite></cite>Createsacitation,usuallyitalic
<em></em>Emphasizesaword(withitalicorbold)
<strong></strong>Emphasizesaword(withitalicorbold)
<fontsize="3"></font>Setssizeoffont,from1to7
<fontcolor="green"></font>Setsfontcolor,usingnameorhexvalue
Links
<ahref="URL"></a>Createsahyperlink
<ahref="mailto:EMAIL"></a>Createsamailtolink
<ahref="URL"><imgsrc="URL"></a>Createsanimage/link
<aname="NAME"></a>Createsatargetlocationwithinadocument
<ahref="#NAME"></a>Linkstothattargetlocationfromelsewhereinthedocument
Formatting
<p></p>Createsanewparagraph
<palign="left">Alignsaparagraphtotheleft(default),right,orcenter.
<br>Insertsalinebreak
<blockquote></blockquote>Indentstextfrombothsides
<dl></dl>Createsadefinitionlist
<dt>Precedeseachdefinitionterm
<dd>Precedeseachdefinition
<ol></ol>Createsanumberedlist
<ul></ul>Createsabulletedlist
<li></li>Precedeseachlistitem,andaddsanumberorsymboldependinguponthetypeoflistselected
<divalign="left">AgenerictagusedtoformatlargeblocksofHTML,alsousedforstylesheets
<imgsrc="name">Addsanimage
<imgrajaram="name"align="left">Alignsanimage:left,right,centerbottom,top,middle
<imgsrc="name"border="1">Setssizeofborderaroundanimage
<hr/>Insertsahorizontalrule
<hrsize="3"/>Setssize(height)ofrule
<hrwidth="80%"/>Setswidthofrule,inpercentageorabsolutevalue
<hrnoshade/>Createsarulewithoutashadow
Tables
<table></table>Createsatable
<tr></tr>Setsoffeachrowinatable
<td></td>Setsoffeachcellinarow
<th></th>Setsoffthetableheader(anormalcellwithbold,centeredtext)
TableAttributes
<tableborder="1">Setswidthofborderaroundtablecells
<tablecellspacing="1">Setsamountofspacebetweentablecells
<tablecellpadding="1">Setsamountofspacebetweenacell'sborderanditscontents
<tablewidth="500"or"80%">Setswidthoftable,inpixelsorasapercentageofdocumentwidth
<tralign="left">or<tdalign="left">Setsalignmentforcell(s)(left,center,orright)
<trvalign="top">or<tdvalign="top">Setsverticalalignmentforcell(s)(top,middle,orbottom)
<tdcolspan="2">Setsnumberofcolumnsacellshouldspan(default=1)
<tdrowspan="4">Setsnumberofrowsacellshouldspan(default=1)
<tdnowrap>Preventsthelineswithinacellfrombeingbrokentofit
Frames
<frameset></frameset>Replacesthe<body>taginaframesdocumentcanalsobenestedinother
framesets
<framesetrows="value,value">Definestherowswithinaframeset,usingnumberinpixels,or
percentageofwidth
<framesetcols="value,value">Definesthecolumnswithinaframeset,usingnumberinpixels,or
percentageofwidth
<frame>Definesasingleframeorregionwithinaframeset
<noframes></noframes>Defineswhatwillappearonbrowsersthatdon'tsupportframes
FramesAttributes
<framesrc="URL">SpecifieswhichHTMLdocumentshouldbedisplayed
<framename="name">Namestheframe,orregion,soitmaybetargetedbyotherframes
<framemarginwidth="value">Definestheleftandrightmarginsfortheframemustbeequaltoor
greaterthan1
<framemarginheight="value">Definesthetopandbottommarginsfortheframemustbeequaltoor
greaterthan1
<framescrolling="value">Setswhethertheframehasascrollbarvaluemayequal"yes,""no,"or
"auto."Thedefault,asinordinarydocuments,isauto.
<framenoresize="noresize">Preventstheuserfromresizingaframe
Forms
Forfunctionalforms,you'llhavetorunaCGIscript.TheHTMLjustcreatestheappearanceofaform.
<form></form>Createsallforms
<selectmultiplename="NAME"size=?></select>Createsascrollingmenu.Sizesetsthenumber
ofmenuitemsvisiblebeforeyouneedtoscroll.
<option>Setsoffeachmenuitem
<selectname="NAME"></select>Createsapulldownmenu
<option>Setsoffeachmenuitem
<textareaname="NAME"cols=40rows=8></textareaname>Createsatextboxarea.Columns
setthewidthrowssettheheight.
<inputtype="checkbox"name="NAME">Createsacheckbox.Textfollowstag.
<inputtype="radio"name="NAME"value="x">Createsaradiobutton.Textfollowstag
<inputtype=textname="ram"size=20>Createsaonelinetextarea.Sizesetslength,in
characters.
<inputtype="submit"value="NAME">CreatesaSubmitbutton
<buttontype="submit">Submit</button>Createsanactualbuttonthatisclicked
<inputtype="image"border=0name="NAME"src="name.gif">CreatesaSubmitbuttonusing
animage
<inputtype="reset">CreatesaResetbutton
Thispagewaslastmodified07:45,17April2009.
/skilllevel/
Contents
1BasicTags
2BodyAttributes
3TextTags
4Links
5Formatting
6Tables
7TableAttributes
8Frames
9FramesAttributes
10Forms

Editthisarticle

Discuss

Permalink

Print
Reddit Digg Sharethis

Seemorerelatedarticles
HTMLCheatsheet
WebStandardsforBeginners
WindowsBrowserChart
MuldersStylesheetsTutorial
Lesson3
MacBrowserChart
SPECIALOFFERFOR
WEBMONKEYUSERS
WIREDmagazine:
Thefirstwordonhow
technologyischangingour
world.
Subscribeforjust$10ayear
Whatlinkshere Relatedchanges
Uploadfiles
WebmonkeyisapropertyofWiredDigital Alltextissharedundera CreativeCommonsLicense.
Webmonkey:AboutWebmonkey| Staff | FAQ| EditorialGuidelines| Help| Sitemap
WiredDigital: Wired.com| WiredHowToWiki | Reddit | SubscribetoWIREDMagazine
Help | Rssfeeds
reference discussion edit history examples relatednews
Seemoreprogramming.reddit.com

Search
CondNastWebSites:
Wired| Reddit | ArsTechnica| Epicurious| NutritionData| Concierge| HotelChatter | Jaunted| Style.com| Men.Style.com

Registrationonoruseofthissiteconstitutesacceptanceofour UserAgreement (Revised4/2/2009)and PrivacyPolicy(Revised4/2/2009).
Wired.com 2009CondNastDigital.Allrightsreserved.
Thematerialonthissitemaynotbereproduced,distributed,transmitted,cachedorotherwiseused,exceptwiththepriorwrittenpermissionofCond NastDigital.
Subscribetoamagazine: CondNastwebsites:

HTMLCheatsheet
BasicTags
<html></html>CreatesanHTMLdocument
<head></head>Setsoffthetitleandotherinformationthatisn'tdisplayedontheWebpageitself
<body></body>Setsoffthevisibleportionofthedocument
BodyAttributes
<bodybgcolor="pink">Setsthebackgroundcolor,usingnameorhexvalue
<bodytext="black">Setsthetextcolor,usingnameorhexvalue
<bodylink="blue">Setsthecoloroflinks,usingnameorhexvalue
<bodyvlink="#ff0000">Setsthecoloroffollowedlinks,usingnameorhexvalue
<bodyalink="#00ff00">Setsthecoloroflinksonclick
<bodyondragstart="returnfalse"onselectstart="returnfalse">Disallowstextselection
withthemouseandkeyboard
TextTags
<pre></pre>Createspreformattedtext
<hl></hl>Createsthelargestheadline
<h6></h6>Createsthesmallestheadline
<b></b>Createsboldtext
<i></i>Createsitalictext
<tt></tt>Createsteletype,ortypewriterstyletext
<cite></cite>Createsacitation,usuallyitalic
<em></em>Emphasizesaword(withitalicorbold)
<strong></strong>Emphasizesaword(withitalicorbold)
<fontsize="3"></font>Setssizeoffont,from1to7
<fontcolor="green"></font>Setsfontcolor,usingnameorhexvalue
Links
<ahref="URL"></a>Createsahyperlink
<ahref="mailto:EMAIL"></a>Createsamailtolink
<ahref="URL"><imgsrc="URL"></a>Createsanimage/link
<aname="NAME"></a>Createsatargetlocationwithinadocument
<ahref="#NAME"></a>Linkstothattargetlocationfromelsewhereinthedocument
Formatting
<p></p>Createsanewparagraph
<palign="left">Alignsaparagraphtotheleft(default),right,orcenter.
<br>Insertsalinebreak
<blockquote></blockquote>Indentstextfrombothsides
<dl></dl>Createsadefinitionlist
<dt>Precedeseachdefinitionterm
<dd>Precedeseachdefinition
<ol></ol>Createsanumberedlist
<ul></ul>Createsabulletedlist
<li></li>Precedeseachlistitem,andaddsanumberorsymboldependinguponthetypeoflistselected
<divalign="left">AgenerictagusedtoformatlargeblocksofHTML,alsousedforstylesheets
<imgsrc="name">Addsanimage
<imgrajaram="name"align="left">Alignsanimage:left,right,centerbottom,top,middle
<imgsrc="name"border="1">Setssizeofborderaroundanimage
<hr/>Insertsahorizontalrule
<hrsize="3"/>Setssize(height)ofrule
<hrwidth="80%"/>Setswidthofrule,inpercentageorabsolutevalue
<hrnoshade/>Createsarulewithoutashadow
Tables
<table></table>Createsatable
<tr></tr>Setsoffeachrowinatable
<td></td>Setsoffeachcellinarow
<th></th>Setsoffthetableheader(anormalcellwithbold,centeredtext)
TableAttributes
<tableborder="1">Setswidthofborderaroundtablecells
<tablecellspacing="1">Setsamountofspacebetweentablecells
<tablecellpadding="1">Setsamountofspacebetweenacell'sborderanditscontents
<tablewidth="500"or"80%">Setswidthoftable,inpixelsorasapercentageofdocumentwidth
<tralign="left">or<tdalign="left">Setsalignmentforcell(s)(left,center,orright)
<trvalign="top">or<tdvalign="top">Setsverticalalignmentforcell(s)(top,middle,orbottom)
<tdcolspan="2">Setsnumberofcolumnsacellshouldspan(default=1)
<tdrowspan="4">Setsnumberofrowsacellshouldspan(default=1)
<tdnowrap>Preventsthelineswithinacellfrombeingbrokentofit
Frames
<frameset></frameset>Replacesthe<body>taginaframesdocumentcanalsobenestedinother
framesets
<framesetrows="value,value">Definestherowswithinaframeset,usingnumberinpixels,or
percentageofwidth
<framesetcols="value,value">Definesthecolumnswithinaframeset,usingnumberinpixels,or
percentageofwidth
<frame>Definesasingleframeorregionwithinaframeset
<noframes></noframes>Defineswhatwillappearonbrowsersthatdon'tsupportframes
FramesAttributes
<framesrc="URL">SpecifieswhichHTMLdocumentshouldbedisplayed
<framename="name">Namestheframe,orregion,soitmaybetargetedbyotherframes
<framemarginwidth="value">Definestheleftandrightmarginsfortheframemustbeequaltoor
greaterthan1
<framemarginheight="value">Definesthetopandbottommarginsfortheframemustbeequaltoor
greaterthan1
<framescrolling="value">Setswhethertheframehasascrollbarvaluemayequal"yes,""no,"or
"auto."Thedefault,asinordinarydocuments,isauto.
<framenoresize="noresize">Preventstheuserfromresizingaframe
Forms
Forfunctionalforms,you'llhavetorunaCGIscript.TheHTMLjustcreatestheappearanceofaform.
<form></form>Createsallforms
<selectmultiplename="NAME"size=?></select>Createsascrollingmenu.Sizesetsthenumber
ofmenuitemsvisiblebeforeyouneedtoscroll.
<option>Setsoffeachmenuitem
<selectname="NAME"></select>Createsapulldownmenu
<option>Setsoffeachmenuitem
<textareaname="NAME"cols=40rows=8></textareaname>Createsatextboxarea.Columns
setthewidthrowssettheheight.
<inputtype="checkbox"name="NAME">Createsacheckbox.Textfollowstag.
<inputtype="radio"name="NAME"value="x">Createsaradiobutton.Textfollowstag
<inputtype=textname="ram"size=20>Createsaonelinetextarea.Sizesetslength,in
characters.
<inputtype="submit"value="NAME">CreatesaSubmitbutton
<buttontype="submit">Submit</button>Createsanactualbuttonthatisclicked
<inputtype="image"border=0name="NAME"src="name.gif">CreatesaSubmitbuttonusing
animage
<inputtype="reset">CreatesaResetbutton
Thispagewaslastmodified07:45,17April2009.
/skilllevel/
Contents
1BasicTags
2BodyAttributes
3TextTags
4Links
5Formatting
6Tables
7TableAttributes
8Frames
9FramesAttributes
10Forms

Editthisarticle

Discuss

Permalink

Print
Reddit Digg Sharethis

Seemorerelatedarticles
HTMLCheatsheet
WebStandardsforBeginners
WindowsBrowserChart
MuldersStylesheetsTutorial
Lesson3
MacBrowserChart
SPECIALOFFERFOR
WEBMONKEYUSERS
WIREDmagazine:
Thefirstwordonhow
technologyischangingour
world.
Subscribeforjust$10ayear
Whatlinkshere Relatedchanges
Uploadfiles
WebmonkeyisapropertyofWiredDigital Alltextissharedundera CreativeCommonsLicense.
Webmonkey:AboutWebmonkey| Staff | FAQ| EditorialGuidelines| Help| Sitemap
WiredDigital: Wired.com| WiredHowToWiki | Reddit | SubscribetoWIREDMagazine
Help | Rssfeeds
reference discussion edit history examples relatednews
Seemoreprogramming.reddit.com

Search
CondNastWebSites:
Wired| Reddit | ArsTechnica| Epicurious| NutritionData| Concierge| HotelChatter | Jaunted| Style.com| Men.Style.com

Registrationonoruseofthissiteconstitutesacceptanceofour UserAgreement (Revised4/2/2009)and PrivacyPolicy(Revised4/2/2009).
Wired.com 2009CondNastDigital.Allrightsreserved.
Thematerialonthissitemaynotbereproduced,distributed,transmitted,cachedorotherwiseused,exceptwiththepriorwrittenpermissionofCond NastDigital.
Subscribetoamagazine: CondNastwebsites:

You might also like