| <!-- --> |
The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. |
N/A |
Container |
| <!DOCTYPE> |
Not technically a html tag, this declaration indicates the type kind of document to the browser. |
N/A |
Empty |
| <a></a> |
Establishes a hyperlink to another page or file. |
Inline |
Container |
| <article></article> |
Identifies self-contained, independent content that could be distributed as a stand alone document or article. |
Block |
Container |
| <aside></aside> |
Establishes related content that is of relevance but not necessary in the main content, such as a notes or tool tips. |
Block |
Container |
| <body></body> |
Designates the visible content of the page. |
Block |
Container |
| <br> |
Creates a line break in content, without creating a new paragraph. |
Inline |
Empty |
| <dd></dd> |
Used in description lists, describes the term used in the parent <dt> tag. |
Block |
Container |
| <div></div> |
Defines a dividion or section, use is discouraged unless no other tag is applicable. |
Block |
Container |
| <dl></dl> |
Defines a description list, along with the <dt> and <dd> tags. |
Block |
Container |
| <dt></dt> |
Defines a term or name in a description list, along with the <dl> and <dd> tags. |
Block |
Container |
| <em></em> |
Used to emphasize content both presentationally (italics) and semantically, as with screen readers. |
Inline |
Container |
| <fieldset></fieldset> |
Defines related elements in a form, and draws a box around them. |
Block |
Container |
| <figcaption></figcaption> |
Used to apply a caption to a <figure> element. |
Block |
Container |
| <figure></figure> |
Specifies self-contained content such as photos or code, that is independent of the main flow. |
Block |
Container |
| <footer></footer> |
Holds page/section relevant content, such as authorship info or related documents. Not about where it's location, but the info it holds. |
Block |
Container |
| <form></form> |
Creates a HTML form for user input. |
Block |
Container |
| <h1> - <h6> |
Headings used to organize content into levels of importance. |
Block |
Empty |
| <head></head> |
Conatins all <head> elements, such as metadata, <style> or <link>, and <title>. |
N/A |
Container |
| <header></header> |
Section of content for introductory content or navigational links. |
Block |
Container |
| <html></html> |
The root tag which contains all of the html code, except the <!DOCTYPE> declaration. |
Block |
Container |
| <iframe></iframe> |
Embeds an external document into a page. |
Block |
Container |
| <img> |
Creates a placeholder for images, and requires two attributes: src and alt. |
Inline |
Empty |
| <input> |
Used within the <form> tag, this tag specifies a field for user input. |
Inline |
Empty |
| <label></label> |
Defines the label for other elements, such radio buttons or checkboxes, bound by the shared id attribute. |
Inline |
Container |
| <li></li> |
Used with ordered, unordered, and menu lists to identify list items. |
Block |
Container |
| <link></link> |
Used to link documents to stylesheets. |
N/A |
Container |
| <meta> |
Exclusive to the <head> element. They describe data about data that is used by browsers, search, and other web services. |
N/A |
Empty |
| <nav></nav> |
Defines a container that is intended for major navigation. |
Block |
Container |
| <ol></ol> |
Signifies an ordered list. Items listed within will be numbered by default, and can be altered with the type attribute. |
Block |
Container |
| <p></p> |
Defines a paragraph, an element for text content. |
Block |
Container |
| <scipt></script> |
A section to hold Javascript, or a link to an external script via the src attribute. |
Inline |
Container |
| <section></section> |
Defines sections, which may hold other block level elements such a<p> and <h1> to denote content like chapters. |
Block |
Container |
| <strong></strong> |
Used to create a strong emphasis on content, and like <em>, also adds semantic meaning or accessibility. |
Inline |
Container |
| <style></style> |
Marks the boundaries of CSS-land, of which there could be many... but why? |
N/A |
Container |
| <table></table> |
The top level tag to define an HTML table, requires children elements to define columns, rows, and cells. |
Block |
Container |
| <td></td> |
A child of <tr>, it defines a cell that holds data. |
N/A |
Container |
| <th></th> |
A child of <tr>, defines a header cell, bold and centered by default. |
N/A |
Container |
| <title></title> |
Required element, document will not validate at HTML without it. Contains document title. Useful to browsers and search engines. |
N/A |
Container |
| <tr></tr> |
A child of <table>, defines a table row. |
N/A |
Container |
| <ul></ul> |
Declares a section as unordered list, content is in no particular order. |
Block |
Container |