HTML5 Tags Flashcards
<a></a>
Defines a hyperlink.
Placement: Inline
Content: Inline, and text
Start/End Tag: Start tag: required, End tag: required
<abbr></abbr>
Defines an abbreviated form of a longer word or phrase.
Placement: Inline
Content: Inline and text
Start/End Tag: Start tag: required, End tag: required
Note: The title attribute is used inside the <abbr> tag to provide an expanded form of the abbreviation when the user mouse over it.</abbr>
<address></address>
Specify the author’s contact information.
Placement: Block
Content: <p>, inline, and text
Start/End Tag: Start tag: required, End tag: required</p>
Note: Typically, the address tag should be included inside the section.
< area >
Defines a hot-spot region on an image, and associates it with a hypertext link. This element is used only within an element.
Parent:
Content: None. It is an empty element.
Start/End Tag: Start tag: required, End tag: forbidden
< article > < / article >
Defines an article.
Placement: Block
Content: Block, inline, and text
Start/End Tag: Start tag: required, End tag: required
< aside > < / aside >
Defines some content loosely related to the page content.
Placement: Block
Content: Block, inline, and text
Start/End Tag: Start tag: required, End tag: required
< audio > < / audio >
Embeds a sound, or an audio stream in an HTML document.
Placement: Block
Content: , , and text
Start/End Tag: Start tag: required, End tag: required
<b></b>
Displays text in a bold style.
Placement: Inline
Content: Inline and text
Start/End Tag: Start tag: required, End tag: required
< base >
Defines the base URL for all relative URLs in a document.
Parent: < head >
Content: None. It is an empty element.
Start/End Tag: Start tag: required, End tag: forbidden
< bdi > < / bdi >
(stands for bi-directional isolation)Represents text that is isolated from its surrounding for the purposes of bidirectional text formatting.
Placement: Block
Content: Inline, and text
Start/End Tag: Start tag: required, End tag: required
< bdo > < / bdo >
(short for bidirectional override)Overrides the current text direction.
Placement: Inline
Content: Inline and text
Start/End Tag: Start tag: required, End tag: required
< blockquote > < / blockquote >
Represents a section that is quoted from another source.
Placement: Block
Content: Block, inline, and text
Start/End Tag: Start tag: required, End tag: required
< body > < / body >
Defines the document's body. Parent: Placement: Block Content: Block, inline, and text Start/End Tag: Start tag: optional, End tag: optional
< br >
Produces a single line break.
Placement: Inline
Content: None. It is an empty element
Start/End Tag: Start tag: required, End tag: forbidden
< button > < / button >
Creates a clickable button.
Placement: Inline
Content: Any block, inline, and text
Start/End Tag: Start tag: required, End tag: required
< canvas > < / canvas >
Defines a region in the document, which can be used to draw graphics on the fly via scripting (usually JavaScript).
Placement: Inline
Content: Inline, and text
Start/End Tag: Start tag: required, End tag: required
< caption > < / caption >
Defines the caption or title of the table.
Placement: Inline
Content: Inline and text
Start/End Tag: Start tag: required, End tag: required
< cite > < / cite >
Indicates a citation or reference to another source.
Placement: Inline
Content: Inline and text
Start/End Tag: Start tag: required, End tag: required
< code > < / code >
Specifies text as computer code.
Placement: Inline
Content: Inline and text
Start/End Tag: Start tag: required, End tag: required
Note: Since spacing is important when presenting the computer codes, the <pre> element is most frequently used as a container for <code> elements because it preserves whitespace and line breaks.</code></pre>
< col >
Defines attribute values for one or more columns in a table.
Parent: < colgroup >, < table >
Content: None, It is an empty element
Start/End Tag: Start tag: required, End tag: forbidden
< colgroup > < / colgroup >
Specifies attributes for multiple columns in a table.
Parent: < table >
Content: 0 or more < col > elements
Start/End Tag: Start tag: required, End tag: required
< data > < / data >
Links a piece of content with a machine-readable translation.
Placement: Inline
Content: Inline, and text
Start/End Tag: Start tag: required, End tag: required
< datalist > < /datalist >
Represents a set of pre-defined options for an element.
Placement: Block
Content: < option > elements
Start/End Tag: Start tag: required, End tag: required
< dd > < / dd >
Short for definition description. Specifies a description, or value for the term (<dt>) in a description list (</dt><dl>).
Parent: < dl >
Content: Block, inline, and text
Start/End Tag: Start tag: required, End tag: optional
</dl>
< del > < / del >
Represents text that has been deleted from the document.
Placement: Block or inline, depending on the content
Content: Any block, inline, and text (but cannot contain block content when used as an inline element)
Start/End Tag: Start tag: required, End tag: required
< detail > < / detail >
Represents a widget from which the user can obtain additional information or controls on-demand.
Placement: Block
Content: Block, inline, and text
Start/End Tag: Start tag: required, End tag: required
