Element HTML

ï»ż
Element 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 Element HTML de Wikipédia en français (auteurs)

Regardez d'autres dictionnaires:

  • É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… 
   WikipĂ©dia en Français

  • ÉlĂ©ment link — ÉlĂ©ment HTML Demande de traduction HTML element → 
   WikipĂ©dia en Français

  • Element 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

  • Element Of Crime — am 11. August 2006 in Jena GrĂŒndung 1985 Genre Rock Website 
   Deutsch Wikipedia

  • ElĂ©ment — ÉlĂ©ment Cette page d’homonymie rĂ©pertorie les diffĂ©rents sujets et articles partageant un mĂȘme nom. Sommaire 1 Philosophie 2 CinĂ©ma 3 M 
   WikipĂ©dia en Français

  • HTML — For the use of HTML on Wikipedia, see Help:HTML in wikitext. HTML (HyperText Markup Language) Filename extension .html, .htm Internet media type text/html Type code TEXT 
   Wikipedia

  • HTML element — This article is about the HTML elements in general. For information on how to format Wikipedia entries, see Help:Wiki markup and Help:HTML in wikitext HTML HTML and HTML5 Dynamic HTML XHTML XHTML Mobile Profile and C HTML Canvas element Character 
   Wikipedia

  • .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


Share the article and excerpts

Direct link

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

We are using cookies for the best presentation of our site. Continuing to use this site, you agree with this.