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 |
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> |
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 | 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 | |
<a> | inline | Le doctype XHTML | Les balises d'entete | Webmaster | pxtoem | Structure | Retour |