|
|
Il y a actuellement 304 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.
Retour aux tutoriaux.
|
| HTML/CSS -> Débutants : Liste des principales balises XHTML |
Les balises suivantes doivent se trouver entre <head> et </head>
Balises d'en-tête ( Se situe en haut de la page ;) )
<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:
<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 remplir ;)
Exemple:
<!-- 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="adressedeplouzy@email.com" />
<!-- 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" />
|
|
Balises de structuration du texte
<p> </p>: Comme la lettre l'indique , cette balise sert à faire 1 ou plusieurs paragraphes ;)
Exemple:
~Codage~
<p> Voici un paragraphe ! </p>
<p> En voici un deuxième </p>
~Codage~
|
|
<br /> Cette balise permet un retour à la ligne !
Exemple:
<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:
<img src="Templates/images/logo.png" alt="Logo Aidoforum" />
|
|
<a> et </a> Cette balise permet d'indiquer une URL de destination ;)
Exemple:
<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>:
<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:
<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:
<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:
<acronym title="Internity Prootocol">I.P/acronym>
|
|
<hr /> Cette balise permet de créer une ligne de séparation horizontale !
Exemple:
~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:
<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>
Balises de liste
<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:
<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:
<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:
<dl>
<dt>Mot a définir</dt>
<dd>Définition</dd>
<dt>Mot à définir</dt>
<dd>Définition</dd>
</dl>
|
|
| | Par Ayera, le 11 Aout 2007 à 21h08 |
| Commentaire de Ykroz le 14 Aout 2007 à 15h07 |
siteduzero.com
|
| Commentaire de Mystic le 14 Aout 2007 à 22h36 |
Plagiat ? Je vais chercher là dessus et si je le trouve je supprime
|
| Commentaire de slowkool le 15 Aout 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 :+)
|
| Commentaire de xX-bakemono-Xx le 15 Aout 2007 à 15h49 |
Hello !
Non je n'est pas plagié le boulot du SDZ 
Je me suis inspiré de celui-ce ( et d'autre ) + de mes conaissances !
Bonne journée !
|
| Commentaire de ju2cho7 le 17 Aout 2007 à 22h32 |
pas mal de fautes quand même, faudra que je pense à corriger ça....
|
| /!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\ |
|
|
|
|
|
|
