Les Bases

Voici les bases du code HTML:

Un page HTML se compose de balises (avec leurs attributs) et de texte. Les balises ont des fonctions précisées par les attributs (équivalents des paramètres dans les fonctions). Il est plus simple de comprendre ces notions par des exemples...

Toute page HTML comporte les balises suivantes:

  1. la balise d'identification de la version du code (HTML 4.01 pour cette page) qui n'est autre que le format du document
  2. les balises <HTML> </HTML> qui délimitent la page: l'ensemble du document doit être écrit entre ces deux balises.
  3. les balises <HEAD> </HEAD> qui offrent les toutes les informations nécessaire à la visualisation du document.
         À l'intérieur,
  4. les balises <BODY> </BODY> délimtent le contenu de la page: l'ensemble des informations à afficher dans la fenêtre doit être écrit entre ces deux balises.

    Et maintenant, quelques attributs de ces balises:

  1. <!DOCTYPE> est très complexe mais facultatif! il suffit de donner au document l'extension".htm" pour qu'il puisse être lu.
  2. <HTML> </HTML> peut comprendre 3 attributs facultatifs: 'scroll', 'version' et 'xmlns'.
  3. <HEAD> </HEAD> ne peut comprendre qu'un argument 'profile' qui n'est pas nécesssaire et qui n'est plus pris en compte sur les nouveaux navigateurs. Pour information, il définissait les comportements des propriétées des métadonnées.
    1. la balise <TITLE> donne le titre de la page (affiché dans la barre supérieure des navigateurs)
    2. la balise <META> peut prendre 4 attributs facultatifs mais recommandés et qui s'agencent pour offrir de nombreuses possibilités
        CONTENT n'est pas vraiment un attribut en soi, il s'associe aux autres atributs pour les spécifier.
      • HTTP-EQUIV permet de moduler le chargement de la page avec des sous-attributs tels "refresh" qui met la page à jour ou "expires".
      • NAME permet de nommer un élément, par exemple "author" (l'auteur de la page) ou "keywords" (les mots-clés) auquel on va attribuer une valeur.
      • SCHEME est l'équivalent de NAME dans une plus grande mesure: il crée des groupes et néglige l'attribut NAME dans sa structure ce qui permet de d'utiliser celui-ci dans différentes pages sans confusion.
      • Un exemple pour la structure: ATTENTION! UNE BALISE <META> PAR ATTRIBUT
        <META name="keywords" content="HTML, tutorial"> [permet à certains navigateurs de retrouver les mots-clés]
        <META http-equiv="refresh" content="1"; url="http://www.dutsrc.fr/tutorialHTML/HTML.htm> []
  4. -La balise <BODY> peut prendre jusqu'à 15 attributs! Mais ceux-ci se regroupent facilement et sont faciles à retenir car très concrets: (tous sont facultatifs)

Vous avez maintenant les conaissances théoriques pour produire un page HTML.
En HTML, le contenu de la page (entre les balises BODY) se compose exclusivement de texte et de très nombreuses balises que vous retrouverez dans les diverses rubriques de ce tutorial.

Si vous désirez complexifier les fonctionnalités de votre page, il existe des langages (PHP, Javascript) qui intègre des fonctions supplémentaires. Mais le HTML "pur" reste tout de même intérressant.

Si vous comptez mettre votre document en ligne, je vous conseille maintenant de regarder Les Bases d'un Site Internet

Sinon, vous pouvez maintenant commencer à composer votre page (avec n'importe quel éditeur de texte)



Retour à l'index