Ceci est une ancienne révision du document !
Les bases de HTML
Introduction
Qu'est ce que le HTML ?
Le HTML (HyperText Markup Language) est un format de présentation de données permettant de créer des pages web pouvant être lues dans les navigateurs (ex : Chrome, Firefox, Internet Explorer, …). L'ensemble de ses pages web constitueront votre site.
1.2 Qu'est ce qu'une balise HTML ?
Une balise HTML est un élément que l'on va ajouter au texte de départ pour dire au navigateur de quelle manière l'afficher. Cette balise ne sera pas affichée telle quelle par le navigateur mais sera interprétée par celui-ci. Une balise est toujours délimitées par les signes < et >.
Exemple de balise : Une balise peut être constituer d'attributs. Les attributs sont des informations complémentaires qui caractérisent la balise. Un attribut se présente sous la forme nomattribut="valeur". Exemple de balise avec attribut : ici la balise est html avec un attribut lang ayant pour valeur fr. Chaque balise doit être fermée de cette façon , mais il existe des exceptions, les balises simples.
1.3 Les balises simples
Ce sont des balises qui sont dites « vides », c'est à dire qu'elles ne vont pas contenir d'autre balise.
Exemple : <img src="/url/de/image" />
Quelques balises courtes : <br />, <hr />, <img />, <input />, <meta />, <link />, <base />
1.4 Les balises imbriquées
Il est possible d'imbriquer des balises HTML, par contre il est très important de respecter la hiérarchie. C'est à dire que la première balise ouverte soit la dernière fermée.
Exemple : <p><strong>Ceci est en gras</strong> et ceci est normal</p>
1.5 Structure d'un document HTML
Avant de commencer le développement d'une page, il est important d'en connaître la structure. Voici le modèle de base possédant la structure minimale obligatoire.
<!DOCTYPE html>
La première ligne de ce document s'appelle le DOCTYPE. C'est la balise la plus importante de votre page. Elle permet de conserver la compatibilité du rendu de votre page sur les différents navigateurs. Il en existe plusieurs, ici c'est le modèle de DOCTYPE pour les documents HTML5.
Ensuite vient la balise <html>. Elle encadre l'ensemble des autres balises. La balise <html> contient deux grandes balises :
<head> qui contient l'en-tête de la page, cette partie ne s'affiche pas à l'écran et indique aux navigateurs les spécificités de la page en cours. <body> qui contiendra le corps de votre document. C'est à dire ce qui s'affichera à l'écran de votre visiteur.
Petite précision importante, les balises <html>,<body> et <head> sont uniques. C'est à dire que le code source de votre page ne doit en contenir qu'une. Si votre page possède deux balises <body>, vous aurez des surprises à l'affichage.