Balises de premier niveau

Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le "code minimal" d'une page web.

Balises Description
<html> Balise principale de toute page web. On lui donne généralement 2 attributs :
xmlns : la liste des balises html existantes (appelée espace de noms).
xml:lang : la langue utilisée sur votre page web. Utilisez "fr" pour un document en français.
Code HTML :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
</html>
<head> En-tête de la page
<body> Corps de la page

Le code minimal d'une page HTML

Vous trouverez ci-dessous le code minimal de toute page web XHTML.

Balises Description
<html> Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre du site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>

Balises d'en-tête

Ces balises sont toutes situées dans l'en-tête de la page web, c'est-à-dire entre <head> et </head>

Balises Description
<link /> Cette balise permet d'indiquer certaines informations sur la page web. On l'utilise le plus souvent pour inclure une feuille de style CSS, comme ceci :
Code HTML :
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="design.css" />
<script type="text/javascript"> /* Votre script ici */ </script>
<style type="text/css"> /* Votre code CSS ici */ </style>

Balises de structuration du texte

 

Balises Type Description
<acronym> inline Sert à définir des acronymes, comme C.I.A.
On utilise généralement l'attribut title pour donner la définition de l'acronyme quand on pointe dessus :
Code HTML :
<acronym title="Central Intelligence Agency">C.I.A.</acronym>
<blockquote> block Citation (longue)
Vous devez obligatoirement mettre une balise de paragraphe à l'intérieur du blockquote. Par exemple :
Code HTML :
<blockquote>
<p>Texte de la citation </p>
</blockquote>
<cite> inline Citation (moyenne)
<q> inline Citation(courte)
<sup> inline Mise en exposant
<sub> inline Mise en indice
<strong> inline Mise en valeur (forte) Le texte est généralement mis en gras.
<em> inline Mise en valeur (faible ) Le texte est généralement mis en italique.
<p> block Paragraphe
<h1> block Titre de niveau 1. Les titre vont de 1 à 6
<img /> inline Insère une image.
Utilisez les attributs src (pour indiquer l'adresse de l'image) et alt (pour indiquer un texte de remplacement). Ces 2 attributs sont obligatoires. Exemple :
Code HTML :
<img src="img/logo.gif" alt="logo" />

<a> inline Lien hypertexte.
Indiquez l'url de destination grâce à l'attribut href :
Code HTML :
<a href="index.html" title="index">cliquez ici</a>

<br /> inline Retour à la ligne
<hr /> block Créer une ligne de séparation horizontal
<address> block Permet d'indiquer une adresse, ou éventuellement l'auteur d'un document. Le texte est généralement mis en italique.
<del> inline Permer d'indiquer un texte qui a été supprimé. Le texte est généralement barré.
<ins> inline Permet d'indiquer un texte qui a été inséré.Le texte est généralement souligné.
<dfn> inline Permet d'indiquer une définition.
<kbd> inline Permet d'indiquer un code que doit taper le visiteur.
<pre> block Le texte à l'intérieur de la balise <pre> sera affiché tel qu'il a été tapé dans le code (espaces et entrées compris). Une police de taille fixe est utilisée.
Norme W3C CSS Valide !
<a> inline Le doctype XHTML | Les balises d'entete |  Webmaster  | pxtoem  | Structure  | Retour