You are on page 1of 8

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)

LINKS AND FORMATTING

<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

Éléments de formatage HTML


Les éléments de mise en forme ont été conçus pour afficher des types de texte spéciaux :

<b>- Texte en gras


<strong>- Texte important
<i>- Texte en italique
<em>- Texte accentué
<mark>- Texte marqué
<small>- Texte plus petit
<del>- Texte supprimé
<ins>- Texte inséré
<sub>- Texte en indice
<sup>- Texte en exposant

Éléments HTML <b> et <strong>


L'élément HTML <b>définit le texte en gras, sans aucune importance supplémentaire.

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>

Éléments HTML <i> et <em>


L'élément HTML <i>définit une partie de texte dans une voix ou une humeur alternative. Le
contenu à l'intérieur est généralement affiché en italique.

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>

You might also like