Balises et attributs

Les balises et attributs que vous devez connaître

<!DOCTYPE> n'est pas a proprement parler une balise maIs une déclaration. C'est la toute première chose que vous faites figurer dans votre page web. Cette instruction indique au navigateur quelle version de HTML vous utilisez. Il y a plusieurs déclarations possibles en HTML 4.01 et une seule en HTML5: <!DOCTYPE html>. Cette déclaration est insensible à la casse.

<a> définit un hyperlien et permet de lier une page à une autre. L'attribut le plus important de cette balise est href qui indique la destination du lien. Par défaut, les liens apparaissent de la manière suivante dans tous les navigateurs:

  • un lien non visité est souligné et bleu
  • un lien visité est souligné et pourpre
  • un lien actif est souligné et rouge

Les feuilles de style permettent de modifier l'aspect des liens. La page liée est ouverte dans la fenêtre du navigateur, mais l'attribut target permet de spécifier la cible.

<area> permet de définir une zone dans une image possédant des zones cliquables. Cette balise se trouve toujours incluse dans une balise <map>. L'attribut usemap de la balise <img> est associé aux éléments de <map> et crée une relation entre l'image et les zones sensibles.

<body> définit le corps d'un document. Le corps contient tous les éléments affichés d'un document HTML: texte, hyperliens, images, tables, listes, etc. Tous les attributs de mise en page ne figurent plus dans HTML5.

<br> provoque un saut de ligne. C'est utile par exemple pour écrire une adresse ou un poème. N'utilisez pas <br> mais <p> pour séparer des paragraphes.

<h1> à <h6> permettent de définir des entêtes.

<head> définit un conteneur pour les élément d'en-tête. L'élément <head> doit contenir un titre. C'est dans cet élément qu'on indique au navigateur où consulter la feuille de style.

<html> indique au navigateur qu'il s'agit d'un document HTML. Tous les autres éléments, à l'exception de <!DOCTYPE> se trouvent à l'intérieur de cette balise.

<img> permet d'insérer une image. Cette balise requiert les deux attributs src qui spécifie l'URL de l'image et alt qui donne un descriptif. Les attributs height et width permettent de préciser les dimensions de l'image en pixels.

<map> est utilisé pour définir des zones sensibles <area> dans une image. L'attribut obligatoire name de <map> est associé avec l'attribut usemap de <img>. Il crée le lien entre l'image et les zones sensibles <area>.

<p> défini un paragraphe.

<sub> et <sup> premettent respectivement d'obtenir des indices et des exposants.

<title> est obligatoire pour tout document HTML. Le titre figure dans la barre de navigation. Il est affiché dans les pages de recherche des moteurs. Il ne peut pas y avoir plus d'un titre par page web.

Last modified: Thursday, 14 February 2013, 9:41 PM