Validation CSS 3.0
Validation HTML 5.0

Les bases du langage HTML.






Qu'est-ce que HTML ?

HTML (HyperText Markup Language) est un format permettant de définir les éléments variés d'une "page" qu'on observe avec un logiciel de navigation.

Les pages WEB sont toujours définies dans ce langage, ainsi votre Browser traduit le code source HTML, va chercher les éléments externes (images, sons, etc) et reconstitue une page complète qu'il vous présente dans une fenêtre sur votre écran.

Il y a des versions successives de ce langage, permettant de définir plus finement la mise en page et la typographie.

On peut parfaitement définir des pages en local, sur son propre disque dur et les lire avec Netscape sans utiliser une liaison Internet. On peut aussi travailler sur un réseau local.



Le DOCTYPE

Il s'agit en fait d'une ligne de déclaration du type de document, qui indique au navigateur dans quel type le HTML de la page a été écrite .
Par exemple, on pourra rencontrer la déclaration:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
                        "http://www.w3.org/TR/html4/loose.dtd">


Dans notre cas on choisira le code HTML 5 pour les nouvelles pages, car avec lui les anciens navigateurs tendront à les afficher en mode standard.

La directive doit être placée sur la première ligne du document, avant la balise <html>. C'est une méta instruction pour le navigateur et non une balise HTML.
Dans la version 5, la directive indique simplement que l'on a une page Web à afficher:

" <!DOCTYPE html> "

Les différents types de DOCTYPE utilisables sur ce site avec plus de précision ICI



La balise <html>

     <html>      </html>

C'est la balise principale du code. Elle englobe tout le contenu de votre page.
Comme vous pouvez le voir, la balise fermante </html> se trouve tout à la fin du code !

L'attribut lang sur <html>

On a tendance à l'oublier : l'attribut lang précise la langue utilisée pour le contenu de la page, lorsqu'il est placé sur la racine <html>.

Il est important sur une page web d’indiquer clairement la langue du contenu. Les informations données sur la ou les langues du contenu seront utiles pour les outils d’indexation (moteurs de recherche), les outils de traduction automatique ou encore ceux de synthèse vocale.

<html lang="fr">

Une langue bien indiquée sera utile ainsi aux synthèses vocales (pour adopter le bon accent).



La balise <head>

     <head>      </head>

Elle contient l'entête du document html, c'est à dire toutes les informations non visibles par l'internaute.
C'est une balise qu'il ne faut pas oublier. Elle fait partie des 4 balises Html qui doivent être présentes dans tous les documents HTML.



La balise <title>

     <title>      </title>

C'est le titre de votre page, probablement l'élément le plus important ! Toute page doit avoir un titre qui décrit ce qu'elle contient.
Il est conseillé de garder le titre assez court (moins de 100 caractères en général).
Le titre ne s'affiche pas dans votre page mais en haut de celle-ci (souvent dans l'onglet du navigateur).
Enregistrez votre page web et ouvrez-la dans votre navigateur. Vous verrez que le titre s'affiche dans l'onglet, comme sur la figure suivante.



La balise <body>

     <body>      </body>

c'est là que se trouve la partie principale de la page. Tout ce que nous écrirons ici sera affiché à l'écran.
C'est à l'intérieur du corps que nous écrirons la majeure partie de notre code.

Pour le moment, le corps est vide (nous y reviendrons plus loin). Intéressons-nous par contre aux balises contenues dans l'en-tête…