[xhtml]

[Les principales balises HTML]

standards

Depuis la naissance du HTML, le W3C a créé de nombreuses balises. Au fur et à mesure des versions successives de HTML (et des conflits d'intérêt entre les navigateurs), beaucoup d'éléments ont été déclarés « dépréciés »

HTML compte actuellement une trentaine de balises de type bloc et autant de balises en ligne.

Les principales balises en ligne

Parmi toutes les balises au fil du texte, six sont à connaître.

<a>
Désigne un lien hypertexte. Elle s'accompagne de l'attribut href, qui renferme la cible du lien (son contenu représentant le texte à cliquer pour activer le lien).
<a href="adresse url"nom du lien </a>


<em>
Met en emphase une portion de texte. Quand la police utilisée est droite, la plupart des navigateurs graphiques la traduisent comme une mise en italique.
<em>un teste important </em>


<img>
Inclut une image dans le document. Cette balise s'accompagne des attributs alt (texte alternatif pour malvoyants ou navigateurs en mode texte) et src (qui indique le Ie chemin vers l'image).
Le format de fichier de l'image, en théorie libre, est souvent limité à ce que comprennent les navigateurs - c'est-à-dire GIF, JPEG, et PNG.; Remarquons que <img> est une balise sans contenu(« auto-fermante », ou encore « balise vide » Ceci se traduit par son /> final.
<img src='montagne.jpg' alt='montagne" />


<q>
Balise utilisée pour les citations courtes, en ligne. On utilisera la balise bloc <blockquote> pour des citations plus longues.
<q>citations courtes</q>


<span>
Conteneur en ligne générique, dépourvu d'un sens précis mais qui peut servir à regrouper d'autres éléments au fil du texte. Son équivalent de type bloc est l'élément <div>
<span> texte blabla <img src='montagne.jpg' alt='montagne"/> texte blablablabla </span>


<strong>
Indique un renforcement, généralement représente en gras dans les navigateurs graphiques
<strong>surtout pas</strong>

Les principales balises de type bloc

<div>
Conteneur générique de type bloc.Cette balise n'apporte pas de sens spécifique, àl'instar de son équivalent en ligne <span> Elle sert à regrouper d'autres balises bloc ou en
ligne.
<div><span> texte blabla <img src='montagne.jpg' alt='montagne"/> texte blablablabla </span></div>


<h1> <h2>...<h6>
HTML prévoit six niveaux de titres, hiéarchiquement placés sous le titre <h1>.
cet élément constitue une exeption à la régle des blocs car il ne peut en contenir d'autres
<h1>titre</h1>


<p>
Balise de paragraphe de texte.
cet élément constitue une exeption à la régle des blocs car il ne peut en contenir d'autres.
<p>paragraphe</p>


<ul> <ol>
Ces deux balises désignent des listes ordonnés <ol> ou à puces simples <ul>
elles comportent exclusivement les éléments d'objet de liste <li>
<ul>
<li>objet de liste 1</li>
<li>objet de liste 2 </li>
</ul>


<dl>
Liste de définitions, utile pour structurer les éléments associant des définitions ou contenus à des termes ou à des titres.
Ces listes distinguent les titres <dt> des éléments de définition <dd>
<dl>
<dt>titre de l'élément 1 </dt>
<dd>définition de l' élément 1 </dd>
<dt>titre de l'élément 2 </dt>
<dd>définition de l' élément 2 </dd>
</dl>



<blockquote>
Introduit des citations longues. Par défaut, certains navigateurs prévoient une marge gauche aux blocs de citation, qu'on pourra bien sûr modifier en CSS.
<blockquote>citations longues</blockquote>


<form>
Balise délimitant un formulaire interactif Elle contient généralement des éléments d'interface (champs de texte, boutons de vali-dation, cases à cocher, etc.)
Cet élément doit renfermer immédiatement d'autres éléments de type bloc.
<form name="formulaire" action="envoie_mail.php" method="post"
class="formulaire" /></form>


<table>
Tableau contenant des données. Les cellules du tableau dont d'abord rassemblées sous forme de rangées ou lignes (<t r>).
<table>
<tr>
<td>ce11ule</td>
<td>autre cellule</td>
</tr>
</tab!e>

[Toutes les balises (x)html]

retour haut de page