Comprendre le bitcoin, l'intelligence artificielle, faire un site web... En 3 minutes en vidéo!

Débutants : Liste des principales balises XHTML

Tutoriaux > HTML/CSS > Débutants : Liste des principales balises XHTML


Un aperçu des principales balises du langage XHTML, avec leur description succinte, pour les débutants qui ne s'y retrouvent plus vraiment.

Les balises suivantes doivent se trouver entre <head> et </head>

[size=18]Balises d'en-tête[/size] ( Se situe en haut de la pageClin d'oeil )

<title> </title>: C'est le titre de la page Web , la plus importante de toutes ;p Cette balise a beaucoup d'importance pour les moteurs de recherche !

<script> </sript>: Cette balise permet de placer un script , utile quand l'on veut intégrer du JavaScript !

Exemple:

Citation

Code

<script type="text/javascript">
/ Ton script ici /
</script>



<meta />: Cette balise permet de définir les propriétés de la page web. Les sites de référencement ne prennent pas beaucoup compte de ceci , pas besoin de trop le remplirClin d'oeil

Exemple:

Citation

Code



<!-- Auteur de la page -->
<meta name="author" content="Plouzy" />
<!-- Description de la page -->
<meta name="description" content="La page personnelle de Plouzy" />
<!-- Mots-clés de la page -->
<meta name="keywords" content="Plouzy , informatique , codage" />
<!-- Adresse de contact -->
<meta name="reply-to" content="[email protected]" />
<!-- Empêcher la mise en cache de la page par le navigateur -->
<meta http-equiv="pragma" content="no-cache" />
<!-- Table de caractères -->
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<!-- Rafraîchissement automatique au bout de 10 secondes -->
<meta http-equiv="refresh" content="10; URL=http://www.blabla-plouzy-blabla.com" />



[size=18]Balises de structuration du texte[/size]

<p> </p>: Comme la lettre l'indique , cette balise sert à faire 1 ou plusieurs paragraphesClin d'oeil

Exemple:

Citation

Code


~Codage~

<p> Voici un paragraphe ! </p>

<p> En voici un deuxième </p>

~Codage~



<br /> Cette balise permet un retour à la ligne !

Exemple:

Citation

Code


<p> Blablabla <br />
Blablabla <br />
Blablabla </p>



<img /> Cette balise permet d'inserer une image ! Avec cette balise il faut utiliser ces deux attributs: SRC= et ALT= !

Exemple:

Citation

Code


<img src="Templates/images/logo.png" alt="Logo Aidoforum" />



<a> et </a> Cette balise permet d'indiquer une URL de destinationClin d'oeil

Exemple:

Citation

Code



<a href="aidoforum.html">Rendez-vous sur AIDOFORUM </a>



<h1> </h1> , <h2> </h2> , <h3> </h3> , <h4> </h4> , <h5> </h5> , <h6> </h6> Ces balises permetent de définir la taille du titre ; Titre de Niveau 1 , Titre de Niveau 2 , etc ... Sachant que H4 , H5 , H6 ne sont très peu utilisé !

Exemple avec <h3>:

Citation

Code



<h3> Le titre de ton choix </h3>



<em> </em> et <strong> </strong> <em> Permet de mettre en valeur faiblement le texte [ITALIQUE] tandis que <strong> permet de mettre en valeur fortement le texte [GRAS] !

Exemple:

Citation

Code



<em> Texte en italique </em>

<strong> Texte en gras </strong>



<q> </q> , <cite> </cite> , <blockquote> </blockquote> C'est trois balises sont des balises de citation !

Exemple:

Citation

Code



<q> Petite citation</q>
<cite> Moyenne citation</cite>
<blockquote> Longue citation </blockquote>



<acronym> </acronym> Sert à définir des acronymes, comme IP. On utilise généralement l'attribut title pour donner la définition de l'acronyme quand on pointe dessus !

Exemple:

Citation

Code



<acronym title="Internity Prootocol">I.P/acronym>



<hr /> Cette balise permet de créer une ligne de séparation horizontale !

Exemple:

Citation

Code



~Codage~

Bablabla <hr />

~Codage~



<address> </address> Cette balise permet d'indiquer une adresse !

<del> </del> , <ins> </ins>
La balise <del> permet généralement de barré le texte , la balise <ins> permet généralment de souligné le texte !

Exemple:

Citation

Code



<del< Texte Barré </del>

<ins> Texte Souligné </ins>



<dfn> </dfn> Cette balise permet d'indiquer une définition.

<kbd> </kbd> Cette balise permet d'indiquer un code que doit taper le visiteur.

<pre> </pre>

[size=18]Balises de liste[/size]

<ul> </ul> et <li> </li> Balise un peu spéciale qui permet de faire une liste non numérotée , chaque éléments de la liste doit avoir <li> et </li> .

Exemple:

Citation

Code



<ul>
<li>Première chose de la liste</li>
<li>Deuxième chose de la liste</li>
</ul>



<ol> </ol> et <li> </li> Cette balise permet de faire une liste numéroté.

Exemple:

Citation

Code



<ol>
<li>Première chose de la liste</li>
<li>Deuxième chose de la liste</li>
</ol>



<dl> </dl> et <dd> </dd> Cette balise sert à faire un liste de définition !

Exemple:

Citation

Code



<dl>
<dt>Mot a définir</dt>
<dd>Définition</dd>
<dt>Mot à définir</dt>
<dd>Définition</dd>
</dl>



Par Moyan , Le 11 Août 2007 à 21h08
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à HTML/CSS

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

ju2cho7 - Le 17 Août 2007 à 22h32

pas mal de fautes quand même, faudra que je pense à corriger ça....

xX-bakemono-Xx - Le 15 Août 2007 à 15h49

Hello !

Non je n'est pas plagié le boulot du SDZClin d'oeil

Je me suis inspiré de celui-ce ( et d'autre ) + de mes conaissances !

Bonne journée !

slowkool - Le 15 Août 2007 à 15h34

Non a mon avis il voulait plutôt dire que si on voulait apprendre y avait tout simplement le sdz .. Enifn, c'est cmme ca que je l'ai vu moi, maintenant va t'en savoir si c'est ca :+)

Ykroz - Le 14 Août 2007 à 15h07

siteduzero.com

Mystic - Le 14 Août 2007 à 22h36

Plagiat ? Je vais chercher là dessus et si je le trouve je supprime

Tutoriaux > HTML/CSS > Débutants : Liste des principales balises XHTML