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.
Minimum code for an HTML page:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Title</title> </head> <body> </body> </html>
These tags are all located in the web page header, in other words between
Link with a style sheet
Web page metadata (charset, keywords, etc.).
Text structuring tags
Quote the title of a work or an event
Level 1 title
Level 2 title
Level 3 title
Level 4 title
Level 5 title
Level 6 title
Figure (image, code, etc.)
Source format for tags
Horizontal separation line
Formatted display (for source codes)
Date or time
This section lists all the HTML tags used to create lists (bulleted lists, numbered lists, definition lists, etc.)
Unordered bullet lists
Bulleted list item
List of definitions
Term to be defined
Table header section
Table body section
Table footer section
Field group title
Form field (text, password, checkbox, button, etc.).
Multi-line entry field
Drop-down list item
Item group in a drop-down box
These tags are used to build the outline of our website.
Main browsing links
Article (independent content)
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: specifies the name of the CSS class to be used.
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.