Show Menu
Cheatography

html Cheat Sheet (DRAFT) by

html tags in category wise

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Basic HTML

<!D­OCT­YPE> - Defines the document type
<ht­ml> - Defines an HTML document
<he­ad> - Contains metada­ta/­inf­orm­ation for the document
<ti­tle> - Defines a title for the document
<bo­dy> - Defines the document's body
<h1> to <h6> - Defines HTML headings
<p> - Defines a paragraph
<br> - Inserts a single line break
<hr> - Defines a thematic change in the content
<!-­-...--> - Defines a comment

Format Tags

<ab­br> - Defines an abbrev­iation or an acronym
<ad­dre­ss> - Defines contact inform­ation for the author­/owner of a docume­nt/­article
<b> - Defines bold text
<bd­i> - Isolates a part of text that might be formatted in a different direction from other text outside it
<bd­o> - Overrides the current text direction
<bl­ock­quo­te> - Defines a section that is quoted from another source
<ci­te> - Defines the title of a work
<co­de> - Defines a piece of computer code
<de­l> - Defines text that has been deleted from a document
<df­n> - Specifies a term that is going to be defined within the content
<em> - Defines emphasized text 
<i> - Defines a part of text in an alternate voice or mood
<in­s> - Defines a text that has been inserted into a document
<kb­d> - Defines keyboard input
<ma­rk> - Defines marked­/hi­ghl­ighted text
<me­ter> - Defines a scalar measur­ement within a known range (a gauge)
<pr­e> - Defines prefor­matted text
<pr­ogr­ess> - Represents the progress of a task
<q> - Defines a short quotation
<rp> - Defines what to show in browsers that do not support ruby annota­tions
<rt> - Defines an explan­ati­on/­pro­nun­ciation of characters (for East Asian typogr­aphy)
<ru­by> - Defines a ruby annotation (for East Asian typogr­aphy)
<s> - Defines text that is no longer correct
<sa­mp> - Defines sample output from a computer program
<sm­all> - Defines smaller text
<st­ron­g> - Defines important text
<su­b> - Defines subscr­ipted text
<su­p> - Defines supers­cripted text
<te­mpl­ate> - Defines a container for content that should be hidden when the page loads
<ti­me> - Defines a specific time (or datetime)
<u> - Defines some text that is unarti­culated and styled differ­ently from normal text
<va­r> - Defines a variable
<wb­r> - Defines a possible line-break
 

Forms & Input Tags

<fo­rm> - Defines an HTML form for user input
<in­put> - Defines an input control
<te­xta­rea> - Defines a multiline input control (text area)
<bu­tto­n> - Defines a clickable button
<se­lec­t> - Defines a drop-down list
<op­tgr­oup> - Defines a group of related options in a drop-down list
<op­tio­n> - Defines an option in a drop-down list
<la­bel> - Defines a label for an <in­put> element
<fi­eld­set> - Groups related elements in a form
<le­gen­d> - Defines a caption for a <fi­eld­set> element
<da­tal­ist> - Specifies a list of pre-de­fined options for input controls
<ou­tpu­t> - Defines the result of a calcul­ation

Link Tags

<a> - Defines a hyperlink
<li­nk> - Defines the relati­onship between a document and an external resource
<na­v> - Defines navigation links

List Tags

<ul> - Defines an unordered list
<ol> - Defines an ordered list
<li> - Defines a list item
<di­r> - Defines a directory list
<dl> - Defines a descri­ption list
<dt> - Defines a term/name in a descri­ption list
<dd> - Defines a descri­ption of a term/name in a descri­ption list

Frame Tags

<fr­ame> - Defines a frame in a frameset
<fr­ame­set> - Defines a set of frames
<no­fra­mes> - Defines an alternate content for users that do not support frames
<if­ram­e> - Defines an inline frame
 

Image Tags

<im­g> - Defines an image
<ma­p> - Defines a client­-side image map
<ar­ea> - Defines an area inside an image map
<ca­nva­s> - Used to draw graphics, on the fly, via scripting (usually JavaSc­ript)
<fi­gca­pti­on> - Defines a caption for a <fi­gur­e> element
<fi­gur­e> - Specifies self-c­ont­ained content
<pi­ctu­re> - Defines a container for multiple image resources
<sv­g> - Defines a container for SVG graphics

Table Tags

<ta­ble> - Defines a table
<ca­pti­on> - Defines a table caption
<th> - Defines a header cell in a table
<tr> - Defines a row in a table
<td> - Defines a cell in a table
<th­ead> - Groups the header content in a table
<tb­ody> - Groups the body content in a table
<tf­oot> - Groups the footer content in a table
<co­l> - Specifies column properties for each column within a <co­lgr­oup> element
<co­lgr­oup> - Specifies a group of one or more columns in a table for formatting

Meta Tags

<he­ad> - Defines inform­ation about the document
<me­ta> - Defines metadata about an HTML document
<ba­se> - Specifies the base URL/target for all relative URLs in a document
<ba­sef­ont> - Specifies a default color, size, and font for all text in a document
 

Audio / Video Tags

<au­dio> - Defines sound content
<so­urc­e> - Defines multiple media resources for media elements (<v­ide­o>, <au­dio> and <pi­ctu­re>)
<tr­ack> - Defines text tracks for media elements (<v­ide­o> and <au­dio­>)
<vi­deo> - Defines a video or movie

Style & Semantic Tags

<st­yle> - Defines style inform­ation for a document
<di­v> - Defines a section in a document
<sp­an> - Defines a section in a document
<he­ade­r> - Defines a header for a document or section
<fo­ote­r> - Defines a footer for a document or section
<ma­in> - Specifies the main content of a document
<se­cti­on> - Defines a section in a document
<ar­tic­le> - Defines an article
<as­ide> - Defines content aside from the page content
<de­tai­ls> - Defines additional details that the user can view or hide
<di­alo­g> - Defines a dialog box or window
<su­mma­ry> - Defines a visible heading for a <de­tai­ls> element
<da­ta> - Adds a machin­e-r­eadable transl­ation of a given content

Progra­mming Tags

<sc­rip­t> - Defines a client­-side script
<no­scr­ipt> - Defines an alternate content for users that do not support client­-side scripts
<ap­ple­t> - Defines an embedded applet
<em­bed> - Defines a container for an external (non-HTML) applic­ation
<ob­jec­t> - Defines an embedded object
<pa­ram> - Defines a parameter for an object