HTML5
(HyperText Markup Language)
HTML est un langage informatique utilisé sur
Internet. Cette langue est utilisée pour créer des pages Web. L'acronyme
signifie HyperText Markup Language, qui signifie
en français «langage de balisage hypertexte». Cette signification porte bien
son nom puisqu'en effet ce langage permet de produire un hypertexte basé sur
une structure de balisage.
Ce n'est pas à proprement parler un langage de
programmation, mais plutôt un langage qui vous permet de formater du contenu.
Les balises permettent de formater le texte et de placer des éléments
interactifs, tels que des liens, des images ou même des animations. Ces
éléments ne sont pas dans le code source d'une page codée en HTML mais "à
côté" et la page en HTML ne fait que répéter ces éléments. Pour afficher
une page en HTML, il est nécessaire d'utiliser un navigateur Web.
La plupart du temps, d'autres langages
informatiques sont associés à une page encodée en HTML. Par exemple CSS, qui
vous permet de formater le contenu d'une page encodée en HTML. Il existe
également des langages informatiques qui dépendent entièrement du HTML, comme
JavaScript (on va le voir prochainement).
Les balises
Les balises de premier niveau sont les principales balises
qui structurent une page HTML. Elles sont indispensables pour réaliser le «
code minimal » d'une page web.
|
Balise |
Description |
|
<html> |
Balise principale |
|
<head> |
En-tête de la page |
|
<body> |
Corps de la page |
Balises d’entête
|
Balise |
Description |
|
<link/> |
Liaison avec une feuille de style |
|
<meta/> |
Métadonnées de la page web (charset,
mots-clés, etc.) |
|
<script/> |
Code javascript |
|
<style/> |
Code CSS |
|
<title/> |
Titre de lapage |
Balises de listes
|
Balise |
Description |
|
<ul> |
Liste à puces,non numérotée |
|
<ol> |
Liste numérotée |
|
<li> |
Elément de la liste à puces |
|
<dl> |
Liste de définitions |
|
<dt> |
Terme à définir |
|
<dd> |
Définition de terme |
Balises de tableau
|
Balise |
Description |
|
<table> |
Tableau |
|
<caption> |
Titre du tableau |
|
<tr> |
Ligne de tableau |
|
<th> |
Cellule d’en-tête |
|
<td> |
Cellule |
|
<thead> |
Section de l’en-tête du tableau |
|
<tbody> |
Section du corps du tableau |
|
<tfoot> |
Section du pied du tableau |
Balises de formulaire
|
Balise |
Description |
|
<form> |
Formulaire |
|
<fieldset> |
Groupe de champs |
|
<legend> |
Titre d’un groupe de
champs |
|
<label> |
Libellé d’un champ |
|
<input/> |
Champ de formulaire |
|
<textarea> |
Zone de saisie multi-ligne |
|
<select> |
Liste déroulante |
|
<option> |
Elément d’une liste
déroulante |
|
<optgroupe> |
Groupes d’éléments d’une
liste déroulante |
Balises sectionnantes
Ces
balises permettent de construire le squelette de notre site web.
|
Balise |
Description |
|
<header> |
En-tête |
|
<nav> |
Liens principaux de navigation |
|
<footer> |
Pied de page |
|
<section> |
Section de page |
|
<article> |
Article |
|
<aside> |
Informations complementaires |
Balises génériques
Les balises génériques
sont des balises qui n'ont pas de sens sémantique.
En effet, toutes les autres balises HTML ont un sens : <p> signifie «paragraphe», <h2> signifie «sous-titre». Parfois, on a besoin
d'utiliser des balises génériques (aussi appelées balises
universelles)
car aucune des autres balises ne convient. On utilise le plus souvent des
balises génériques pour construire son design.
|
Balise |
Description |
|
<span> |
Balise générique de type inline |
|
<div> |
Balise générique de type block |
Ces balises ont un intérêt si vous leur associez un attribut class, id
ou style
Class :
Indiquer le nom de la classe css à utiliser.
Id : donne un nom à la balise. Ce nom doit être
unique sur toute la page car il permet d'identifier la balise. Vous pouvez vous
servir de l'ID pour de nombreuses choses, par exemple pour créer un lien vers
une ancre, pour un style CSS de type ID, pour des manipulations en JavaScript,
etc.
Style : cet attribut vous permet d'indiquer directement le code
CSS à appliquer. Vous n'êtes donc pas obligé d'avoir une feuille de style à
part, vous pouvez mettre directement les attributs CSS. Notez qu'il est
préférable de ne pas utiliser cet attribut et de passer à la place par une
feuille de style externe, car cela rend votre site plus facile à mettre à jour
par la suite.
NB : Ces trois
attributs ne sont pas réservés aux balises génériques : vous pouvez aussi les
utiliser sans aucun problème dans la plupart des autres balises.
Aussi la différence entre html et html5 c’est que
il y a des balises dans html5 qui qui n’existe pas dans html (nav,header…).
Commentaires
Enregistrer un commentaire