HTML 5
HTML 5
BASIC TAGS
<html>
Defines the root of an HTML document
<head>
Defines information about the document, including meta data and scripts
<body>
Defines the document's body
<title>
Defines a title for the document
<!--...-->
Defines a comment
<meta>
Defines metadata for an HTML document
<h1>- <h6>
HTML headings: (h1)-the biggest, (h6) -the smallest
<p>
Defines a paragraph
<br>
Defines a single line break
<img>
Defines an image
<hr>
Defines a horizontal line
<!DOCTYPE>
Defines the document type
<div>
Defines a section in a document
<style>
Defines style information for a document
<script>
Defines a client-side script
<noscript>
Defines an alternate content for users that do not support client-side scripts
<embed>
Defines a container for an external (non-HTML) application
<object>
Defines an embedded object
<param>
Defines a parameter for an object
<area>
Defines an area inside an image-map
<map>
Defines a client-side image-map
<applet>
Defines an embedded applet (Not supported in HTML5)
<a>
Defines a hyperlink
<link>
Defines the relationship between a document and an external resource (most used to link to style
sheets)
<b>
Defines bold text
<blockquote>
Defines a section that is quoted from another source
<cite>
Defines the title of a work
<code>
Defines a piece of computer code
<del>
Defines text that has been deleted from a document
<em>
Defines emphasized text
<i>
Defines italic text
<ins>
Defines inserted text
<pre>
Defines preformatted text
<small>
Defines smaller text
<strong>
Defines important text
<sub>
Defines subscripted text
<sup>
Defines superscripted text
<u>
Defines text that should be stylistically different from normal text
<S>
Defines text that is no longer correct
<base>
Specifies the base URL/target for all relative URLs in a document
<font>
Defines font, color, and size for text (Not supported in HTML5)
FORMS
<form>
Defines an HTML form for user input
<input>
Defines an input control
<textarea>
Defines a multiline input control (text area)
<button>
Defines a clickable button
<select>
Defines a drop-down list
<optgroup>
Defines a group of related options in a drop-down list
<option>
Defines an option in a drop-down list
<label>
Defines a label for an <input> element
<fieldset>
Groups related elements in a form
<legend>
Defines a caption for a <fieldset> element
FRAMES
<iframe>
Defines an inline frame
<frame>
Defines a window (a frame) in a frameset (Not supported in HTML5)
<noframes>
Defines an alternate content for users that do not support frames(Not supported in HTML5)
LISTS
<ul>
Defines an unordered list
<ol>
Defines an ordered list
<li>
Defines a list item
<dir>
Defines a directory list
<menu>
list of commands
<dl>
Defines a description list
<dt>
Defines a term/name in a description list
<dd>
Defines a description/value of a term in a description list
TABLES
<table>
Defines a table
<th>
Defines a header cell in a table
<tr>
Defines a row in a table
<td>
Defines a cell in a table
<thead>
Groups the header content in a table
<tbody>
Groups the body content in a table
<tfoot>
Groups the footer content in a table
<caption>
Defines a table caption
HTML5
<header>
Defines a header for a document or section
<article>
Defines an article
<aside>
Defines content aside from the page content
<footer>
Defines a footer for a document or section
<nav>
Defines navigation section
<section>
Defines a section in a document
<progress>
Represents the progress of a task
<audio>
Defines sound content
<video>
Defines video content
<source>
Defines multiple media resources for video and audio elements
<track>
Defines text tracks for video and audio elements
<datalist>
Specifies a list of pre-defined options for input controls
<svg>
Container for SVG graphics
<canvas>
Used to draw graphics, on the fly, via scripting (usually JavaScript)
<animate>
Used to animate an attribute of an SVG shape
<circle>
Defines a circle in SVG
<ellipse>
Defines an ellipse in SVG
<line>
Defines a line segment in SVG
<polygon>
Defines a graphic that contains at least three sides in SVG
<polyline>
Defines a set of connected straight line segments in SVG
<rect>
Defines a rectangle in SVG
<path>
Defines a path in SVG
Exemple
<b>This text is bold</b>
<strong>L' élément HTML définit le texte avec une forte importance. Le contenu à l'intérieur est
généralement affiché en gras.
Exemple
<strong>This text is important!</strong>
Astuce : Le <i>tag est souvent utilisé pour indiquer un terme technique, une expression d'une
autre langue, une pensée, un nom de navire, etc.
Exemple
<i>This text is italic</i>
L'élément HTML <em>définit le texte mis en évidence. Le contenu à l'intérieur est généralement
affiché en italique.
Conseil : Un lecteur d'écran prononcera les mots <em> avec emphase, en utilisant l'accent verbal.
Exemple
<em>This text is emphasized</em>