Les bases de HTML

HTML (Hyper Text Markup Language) est le langage de base pour le développement de sites Internet.

 

Les balises

Les balises ouvrantes et fermantes

Les balises ouvrantes sont utilisées pour indiquer où débute un élément de la page web pouvant contenir un autre élément HTML (ou du texte). Elle est toujours utilisée en compagnie d'une balise fermante.

Exemple : <p>Bonjour</p> (paragraphe de texte)

Les balises uniques

Les balises uniques sont utilisées pour définir un élément HTML ne pouvant pas contenir d'autres élément HTML.

Exemple : <br /> (retour à la ligne)

Les attributs

Les attributs permettent de définir des propriétés modifiant l'affichage des balises HTML.

Exemple : <img src="/images/logo.jpg" alt="Logo" /> (attributs src et alt définissant le chemin de l'image et le texte alternatif à afficher en cas d'erreur d'accès à l'image)

Imbrication des balises

Le chevauchement de balises est interdit : la première balise ouverte est la dernière fermée.

Exemple :

  • Syntaxe correcte : <p>Pour en savoir plus, <a href="/monlien.htm">cliquez ici</a>.</p>
  • Syntaxte incorrecte : <p>Pour en savoir plus, <a href="/monlien.htm">cliquez ici.</p></a>

Commentaires

Les commentaires en HTML se trouvent entre les balises <!-- et -->.

 

Structure d'une page HTML5

Structure générale

<!DOCTYPE html>
  <html lang="fr">
     <head>
       <meta charset="UTF-8" />
       <title> </title>
     </head>
     <body>
     </body>
</html>

Éléments
  • Doctype (<!DOCTYPE html>) : définition de la norme HTML de la page web (ici : HTML5).
  • Document HTML (<html></html>) : déclaration du document HTML avec la langue (ici : français)
  • Entête (<head></head>) : déclaration des éléments nécessaires à l'affichage de la page web.
  • Encodage des caractères (<meta charset="UTF-8" />) : définition du jeu de caractères (ici, UTF-8)
  • Titre (<title></title>) : titre s'affichant dans la barre de titre de la fenêtre ou de l'onglet.
  • Corps (<body></body>) : contenu de la page web.

 

Remarques

  • Il faut choisir un jeu de caractères adapté à la langue de votre site Internet.
  • Certains caractères spéciaux peuvent être affichés avec un code HTML débutant par & et finissant par ;.
  • Espaces contigus, sauts de ligne et tablulations dans le code source ne sont pas interprétés par les navigateurs web.
  • Pour structurer correctement une page web, il faut utiliser les balises de section.