• 20 hours
  • Easy

Free online content available in this course.


Got it!

Last updated on 11/12/18

Memento of HTML tags

Log in or subscribe for free to enjoy all this course has to offer!

This page provides a non-exhaustive list of existing HTML tags. It does, however, contain a large number of HTML tags. Although we've already seen some during the course, there are others that we haven't had the opportunity to examen yet. The tags we haven't looked at yet are in general not used very often. However, you may well find what you need in this new set of tags.

You can use this annex as a checklist when you develop your website.


First level tags

First level tags are the main tags used to structure an HTML page. They are essential to producing the "minimum code" for a web page.




Main tag


Page header


Page body

Minimum code for an HTML page:

<!DOCTYPE html>
<meta charset="utf-8" />

Header tags

These tags are all located in the web page header, in other words between <head> and </head>:



<link />

Link with a style sheet

<meta />

Web page metadata (charset, keywords, etc.).


JavaScript code


CSS code


Page title

Text structuring tags






Quotation (long)


Quote the title of a work or an event


Quotation (short)






Strong highlighting


Normal highlighting


Visual highlighting


Level 1 title


Level 2 title


Level 3 title


Level 4 title


Level 5 title


Level 6 title

<img />



Figure (image, code, etc.)


Figure description






Source format for tags <audio> and <video>


Hypertext link

<br />

Line feed



<hr />

Horizontal separation line


Contact address


Deleted text


Inserted text




Keyboard entry


Formatted display (for source codes)


Progress bar


Date or time

List tags

This section lists all the HTML tags used to create lists (bulleted lists, numbered lists, definition lists, etc.)




Unordered bullet lists


Numbered List


Bulleted list item


List of definitions


Term to be defined


Term definition

Table tags






Table title


Table row


Header cell




Table header section


Table body section


Table footer section

Form tags






Field group


Field group title


Field description

<input />

Form field (text, password, checkbox, button, etc.).


Multi-line entry field


Drop-down list


Drop-down list item


Item group in a drop-down box

Section tags

These tags are used to build the outline of our website.






Main browsing links


Page footer


Page section


Article (independent content)


Additional information

Generic tags

Generic tags are tags that have no semantic meaning.

Indeed, all other HTML tags have a meaning: <p> means "Paragraph", <h2> means "Subtitle", etc.
You sometimes need to use generic tags (also called general purpose tags) as none of the other tags are appropriate. You most often use generic tags to build your design.

There are two generic tags: inline and block.




Inline generic tag


Block generic tag

These tags are only useful if you associate them with a class, id or style attribute:

  • class: specifies the name of the CSS class to be used.

  • id: gives the tag a name. This name must be unique throughout the page as it identifies the tag. You can use the ID for many things, for example to create a link to an anchor, for an ID type CSS style, for operations in JavaScript, etc.

  • style: this attribute allows you to directly specify the CSS code to be applied. You're not required to have a separate style sheet, you can include the CSS attributes directly. Note that it's preferable to use an external style sheet rather than this attribute as it makes your website easier to update later on.

These three attributes are not restricted to generic tags: you can use them with no problem in most other tags.

Example of certificate of achievement
Example of certificate of achievement