Balise HTML

Élément HTML

En informatique, un élément HTML indique la structure d'un document HTML. Jusqu'à la version 4.01 incluse de ce format, un élément HTML est un élément SGML qui satisfait aux exigences d'une ou plusieurs Définitions de Type de Document (DTD) de HTML.

Ces éléments ont des propriétés : les attributs et le contenu, comme spécifié (à la fois autorisé et exigé) selon la DTD HTML appropriée (par exemple, le HTML 4.01 strict DTD).

Les éléments peuvent représenter des en-têtes, des paragraphes, des liens hypertexte, des listes, des medias encapsulés, et diverses autres structures.

La version 4 de HTML comporte 91 éléments.

Sommaire

Niveau bloc et niveau texte

La plupart des éléments HTML sont classés soit au niveau block, soit au niveau texte.

Éléments de niveau bloc (block) — tels que titres, paragraphes, listes, ou tables — Ce sont de "grandes" structures qui contiennent d'autres blocs, éléments texte, ou texte. En général, ils sont affichés comme des "blocs" separés des autres blocs par des espaces verticaux (marges).

Éléments de niveau texte (inline) — tels que les hyperliens, les citations, ou images — sont de "petites" structures qui représentent ou décrivent de petits morceaux de textes ou de données. Ils peuvent contenir seulement du texte ou d'autres éléments de niveau texte, et sont habituellement affichés l'un après l'autre sur une ligne à l'intérieur du bloc qui les contient.

(Voir "The global structure of an HTML document")

Éléments du document

(à traduire)

Les éléments racines fournissent les conteneurs qui renferment tous les autres éléments HTML. Chaque page HTML contient ces éléments. Les balises environnantes peuvent être omises. Cependant, si cela est fait, certains utilitaires peuvent ne pas reconnaître ou manipuler correctement le document.

<html>…</html>

Délimite un document HTML (i.e. à la place d'un document XML ou d'une classe). L'élément HTML prend l'attribut lang comme langage primaire pour le document (comme en pour Anglais). Le seul contenu autorisé pour un élément HTML est soit un élément head et un élément body, soit un élément head élément et un élément frameset élément.

<head>…</head>

Délimite la section d'en-tête du document, qui contient l'information sur la page web. Le head élément contient principalement les métadonnées pour le document. Il y a sept éléments d'en-tête possibles qui incluent un meta élément pour une spécification extensible des métadonnées.

<body>…</body>

Délimite la section du corps du document.

Ces éléments racines sont organisés comme suit :

<html>
<head>
Any of the various head related elements arranged in any order and occurring any number of times except base and title which can only occur once each. Title is the only required head element.
</head>
<body>

Ne peut avoir comme enfants directs que des éléments de type %block en HTML strict, mais admet également des éléments de type %inline ou du texte anonyme en HTML transitionnel.

</body>
</html>

Éléments d'en-tête

<title>...</title>

L'élément <title> est le seul élément obligatoire d'un document HTML. Bien qu'il soit requis pour qu'un document soit valide, la plupart des navigateurs les plus populaires ne réagiront pas à son absence. Il est placé entre les balises <head></head>. Tout ce qui est écrit entre l'ouverture et la fermeture des balises <title></title> sera affiché dans la barre de titre du navigateur de l'usager. L'élément title ne peut apparaître qu'une seule fois dans le document HTML. Il sert généralement à identifier sommairement le contenu de la page. Il ne fait pas partie du contenu du document, mais est plutôt une propriété de celui-ci. Théoriquement, il n'y a pas de limite au nombre de caractères que peut contenir <title>, par contre les navigateurs en limitent généralement l'affichage. Également, aucune autre balise HTML n'y sera interprété.

La balise title est généralement utilisée pour nommer un favoris lorsque celui-ci est ajouté par l'utilisateur. Les moteurs de recherche utilisent également le contenu de title pour former le lien vers la page dans leurs résultats de recherche.

<base>

La balise <base> permet d'indiquer depuis quel site ou répertoire vous souhaitez partir. Pour cela vous devez indiquer le chemin absolu vers le répertoire cible. Par exemple, si vous êtes dans le dossier www et que vous indiquez dans votre code un chemin vers le fichier index.html, sans base, vous allez mener au chemin http://votresite.com/www/index.html
Cependant si vous indiquez une base, par exemple 'http://votresite.com/pages/', ce même lien va mener à http://votresite.com/pages/index.html.
Syntaxe: <base href="votrechemin"/>

<link>

Cet élément spécifie les liens vers d'autres documents, comme les liens previous (précédent) et next (suivant), ou des versions alternatives versions [1]. Un en-tête HTML peut contenir un nombre quelconque d'éléments link. L'élément link a des attributs, mais pas de contenu. On l'utilise couramment pour créer des liens avec des feuilles de style externes, en utilisant la formulation suivante :

<link rel="stylesheet" type="text/css" href="url">[2]

<script>...</script>

Cet élément permet d'inclure dans la page du code différent du HTML, tel que du JavaScript, pour offrir de nouvelles possibilités. Au cas où le navigateur d'un visiteur n'interpréterait pas le Javascript, le W3C recommande de mettre le script comme commentaire à l'intérieur des balises <script></script>.
Synthaxe :

<script>
<!--//
Code du script
...
//-->
</script>

Le navigateur qui ne reconnait pas la balise <script></script> ne l'affichera pas. Le code du script sera interprété comme un commentaire et donc pas affiché.

<noscript>...</noscript>

Ces balises permettent d'insérer dans la page des éléments qui seront affichés uniquement dans le cas où le navigateur n'interprète pas JavaScript.

<style>...</style>

Cet élément permet d'inclure des informations de style au format CSS.

<object>...</object>

Permet l'insertion d'un objet en précisant sa nature par l'attribut type. Il peut s'agir d'un Applet Java, d'une Application Flash, d'une video, d'un son...

<meta>

Article détaillé : Élément meta.

Cet élément peut être utilisé pour spécifier l’auteur, la date de publication, la date d’expiration, la description de page, les mots-clés et tout autre métadonnée qui n’est pas fournie à travers les autres éléments et attributs d’en-tête (head). En raison de leur caractère générique, les éléments meta spécifient key-value pairs (à traduire).

Dans un formulaire, les éléments meta peuvent spécifier les en-têtes HTTP qui doivent être envoyés avant le contenu réel quand la page HTML est servie d’un serveur web au client. Par exemple :

<meta http-equiv="foo" content="bar">

Cet exemple spécifie que la page doit être servie avec un en-tête HTTP appelé 'foo' qui a une valeur 'bar'.

Dans le formulaire général, un métaélément spécifie le nom (name) et les attributs de contenu (content) associés qui décrivent des aspects de la page HTML. Afin d’éviter d’éventuelles ambiguïtés, un troisième attribut optionnel scheme peut être fourni pour spécifier un cadre sémantique qui définit la signification de la clé et sa valeur. Par exemple:

<meta name="foo" content="bar" scheme="DC">

Dans cet exemple, le meta élément est identifié comme :

Pour plus d’information sur l’utilisation du métaélément dans HTML, voir la spécification W3C.

Bloc

Beaucoup d'éléments HTML sont conçus pour modifier la structure sémantique ou la signification d'un document. Certains sont au niveau bloc, mais la plupart sont au niveau ligne et peuvent être inclus dans le corps de texte normal.

Éléments bloc généraux

<p> : Balise de type block, elle correspond à la création d'un nouveau paragraphe.
Synthaxe :

<p>Mon texte...</p>

La balise de fermeture n'est pas nécessaire en HTML.

Niveau ligne

Expression générale

Expression de code informatique

Éléments spéciaux de niveau ligne

Liens

Les liens, ou hyperliens, sont l'un des éléments les plus basiques et importants.

Le code pour insérer un lien est simple:

<a href="Votre lien">Ceci est un lien</a>

La balise ouvrante est <a href="">. La balise fermante est </a>. Entre les guillemets, vous indiquez l'url complète du lien sauf dans un certain cas que nous verrons après. L'url complète, cela veut dire que vous insérez ce qui s'affiche dans la barre d'adresse lorsque vous naviguez sur la page en question. Peut importe le site vers lequel vous voulez porter un lien, cette technique marchera toujours. Exemple d'url:

http://fr.wikipedia.org/wiki/Hypertext_Markup_Language

Ce qui nous donne, en code:

<a href="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language">L'article de Wikipédia sur le html</a>

Images et objets

<img>
utilisation:

<img src="/pictures/frwiki/118/votre_image.jpg">


La balise image est associée à une URL source via l'attribut "src". Autrement dit, vous insérez le chemin d'accès à l'image entre les "" pour définir l'image à insérer.

On peut modifier d'autres propriétés de l'image avec les attributs suivants:

width="150"


règle la largeur de l'image sur 150 pixels.

height="150"


règle la hauteur de l'image sur 150 pixels.

border="4"


affiche une bordure de 4 pixels autour de l'image. On peut modifier la couleur de cette bordure avec l'attribut bordercolor="red", par exemple.

alt"Message"


insère un message alternatif qui sera affiché lorsque l'on laisse la souris sur l'image.

align="left"


place l'image à gauche.

hspace="10"


laisse une marge horizontale de 10 pixels entre l'image et le reste de la page.

vspace="10"


laisse une marge verticale de 10 pixels entre l'image et le reste de la page.

lowsrc="/pictures/frwiki/105/image_réduite.jpg"


cette balise fait afficher au navigateur une autre image le temps que la vraie image soit chargée. Cet attribut est principalement utilisé pour les grosses images.

<span>...</span>

Balise générique inline qui n'a pas de signification particulière. Syntaxe :

La voiture <span style="color:rgb(255,0,0)">rouge</span>.

affichera : La voiture rouge.


Elle est généralement utilisée pour décorer une phrase ou un groupe de mots. Elle va de pair avec la balise <div>...</div> qui elle est de type block.

Jeu de cadres

Terme anglais : frameset

Un document html contient soit un élément body, soit un élément frameset. Ce dernier définit alors l'étendue de la fenêtre d'affichage où vont apparaître les cadres (éléments frame) qu'il contient. Chaque cadre contient un document HTML à part entière.

L'élément noframes permet de définir un contenu alternatif pour les agents utilisateurs qui n'implémentent pas la technologie des cadres.


Voir aussi

Source

  • (en) Cet article est partiellement ou en totalité issu d’une traduction de l’article de Wikipédia en anglais intitulé « HTML element ».

Liens externes

Ce document provient de « %C3%89l%C3%A9ment HTML ».

Wikimedia Foundation. 2010.

Contenu soumis à la licence CC-BY-SA. Source : Article Balise HTML de Wikipédia en français (auteurs)

Regardez d'autres dictionnaires:

  • Canvas (Balise Html) — Pour les articles homonymes, voir Canvas. La balise canvas est une extension non standard à la spécification HTML 4 qui permet d effectuer des rendus dynamiques d images bitmap via des scripts. Elle a déjà été implémentée dans certains… …   Wikipédia en Français

  • Canvas (balise html) — Pour les articles homonymes, voir Canvas. La balise canvas est une extension non standard à la spécification HTML 4 qui permet d effectuer des rendus dynamiques d images bitmap via des scripts. Elle a déjà été implémentée dans certains… …   Wikipédia en Français

  • HTML 5 — HTML (HyperText Markup Language) Extension de fichier HTML5: .html, .htm XHTML5: .xhtml, .xht, .xml Type MIME HTML5: text/html XHTML5: application/xhtml+xml, application/xml Développé par W3C Type de format Hypertexte …   Wikipédia en Français

  • .html — Hypertext Markup Language L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également… …   Wikipédia en Français

  • HTML — Hypertext Markup Language L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également… …   Wikipédia en Français

  • Html — Hypertext Markup Language L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également… …   Wikipédia en Français

  • Balise (informatique) — Langage de balisage Les langages de balisage (sous classe des langages de description) représentent une classe de langages spécialisés dans l enrichissement d information textuelle. Ils opèrent grâce aux balises, unités sémantiques délimitant… …   Wikipédia en Français

  • Balise meta — Élément meta Un élément meta (ou métaélément, ou balise meta, ou meta tag par analogie avec l’anglais) est une information sur la nature et le contenu d’une page web, ajoutée dans l’en tête de la page au moyen de marqueurs HTML. L’élément meta… …   Wikipédia en Français

  • Balise (Métadonnée) — Tag (métadonnée) Pour les articles homonymes, voir Tag. Un nuage de tags avec des termes relatifs au Web 2.0 Un …   Wikipédia en Français

  • Balise (metadonnee) — Tag (métadonnée) Pour les articles homonymes, voir Tag. Un nuage de tags avec des termes relatifs au Web 2.0 Un …   Wikipédia en Français

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”