10 novembre 2007 à 00:16

Tuto3b: les balises html (suite)

23h, c'est mon heure... minuit aussi... 'fin bref.
Passons maintenant en revue les balises utilisées par CB, pis p'tet une ou deux autres.

<div>: la balise div sert a représenter un layer (calque) ou une boite.
Dans cette boite, on peut y mettre n'importe quoi. texte, liens, images... elle n'a pas de propriété en soit. Mais osn utilisation devient géniale quand elle est associée au CSS. Alors on peut définir la largeur, la hauteur, couleur de fond, de la police... En concret, la bannière, les menus, le corps ou même les messages de CB sont contenus dans une div. Comme ça qu'on arrive a les placer n'importe ou, et à mettre n'importe quoi dedans.

<a url="">texte</a>: Le lien ! on met une url entre les quotes (") et un texte pour le liens... on clique sur le texte et on se retrouve à la dite url.

<h1>texte </h1>: balise de titre. y'en a jusqu'a <h6>. Elles ont des propriété de base, à savoir une taille, un espace au dessus et en dessous. Mais on peut les modifier à loisir. sur CB, ils n'utilisent que h1, h2 et h3. h1 pour le titre du blog dans la bannière, h2 pour la description dans la bannière et la date dans le billet, h3 pour le titre du billet.

<ul>
 
  <li>liste1</li>

  <li>liste2</li>
</ul>
: on les trouve toujours ensemble: la liste ! ul pour indiquer le début et la fin d'un niveau (car on peut imbriquer plusieurs listes les unes dans les autres) et li définie le texte de la liste. Vous les connaissez bien, ils font les menus de CB, les listes de vos amis bloggeurs... et celles de vos billets li

<img url="" alt="" />: une image. le liens vers l'image entre les quotes de l'url, et la description de celle ci entre ceux de l'alt. La description n'est pas obligatoire et bien souvent est ignorée. Mais pour les personnes mal voyantes, ou les gens qui naviguent en texte cela est primordial... sinon ils ne savent pas ce que montre l'image...

<p>texte</p>: la balise te paragraphe. Avec un p'tit espace avant et après, totalement paramétrable par la suite en CSS. Utilisé pour tout le texte de vos billets.

Et hummmm... on a fait le tour de toutes les balises html utilisées sur CB.
Prochaine étape:
- description de l'architecture du blog grace au code

- Tuto - Commentaires [0] - Permalien [#]

Commentaires

Poster un commentaire