[XHTML] Diverses balises

Maintenant, quelques balises supplémentaires. Elles sont plus rares mais restent utiles. (: Nous allons apprendre à mettre en ^exposant ou en _indice, à faire des

Citation :

citations

et on va voir les acronymes. Allons y. (:

Mettre en exposant ou en indice.

Pour mettre en exposant on se sert encore d'une balise. Les mots seront placés en hauteur.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Bonjouuuuuuuuuuur !</h1>
 Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool. 
 <h2>Achats</h2>
 Ma mère m'a acheté un nouveau gilet qu'est trop beau et deux DVDs, Chicago et Casino Royale. J'ai trop hâte de manger une glace au chocolat. Bla, bla.
</body>
</html>

Je ne poste pas d'image encore une fois. Car je pense que vous avez compris comment faire maintenant. (: Avouons que notre texte à une drôle de tête là xD

La balise pour mettre en indice ressemble étrangement à celle pour mettre en exposant. 
Bon. Vous m'excuserai, mais maintenant, je ne vous montrerai que les parties du code qui nous intéresse. xD Je vous laisserai placer ça dans votre page. (:

Code:


xn = xn - 1 - 2xn-2


Bon. Cette formule ne sert pratiquement que pour les formules mathématiques, mais on ne sait jamais. xD

Les citations.

Bien. Il existe deux types de citations. Une citation courte dans un paragraphe et une plus longue hors d'un paragraphe.

Premier cas : la balise fonctionne comme etc...

Code:

Un jour, Jean de la Fontaine dit : <q>Autant de têtes, autant d'avis</q>. Et, il n'avait pas tord.

Attention ! Cette balise n'a aucun effet sur IE. Firefox met des guillemets tandis qu'IE ne rajoute rien.

Second cas : on utilise une balise <blockquote> </blockquote> dans laquelle on place des balises de paragraphe 

Code:

<h1>L'albatros de Baudelaire.</h1>
<blockquote>

Souvent, pour s'amuser, les hommes d'équipage 
Prennent des albatros, vastes oiseaux des mers, 
Qui suivent, indolents compagnons de voyage, 
Le navire glissant sur les gouffres amers. 
A peine les ont-ils déposés sur les planches, 
Que ces rois de l'azur, maladroits et honteux, 
Laissent piteusement leurs grandes ailes blanches 
Comme des avirons traîner à côté d'eux. 
Ce voyageur ailé, comme il est gauche et veule ! 
Lui, naguère si beau, qu'il est comique et laid ! 
L'un agace son bec avec un brûle-gueule, 
L'autre mime, en boitant, l'infirme qui volait ! 
Le poète est semblable au prince des nuées 
Qui hante la tempête et se rit de l'archer ; 
Exilé sur le sol au milieu des huées, 
Ses ailes de géant l'empêche de marcher.

</blockquote>

Les balises <q> et <blockquote> servent toutes deux à faire des citations, toutefois, il existe une différence. En XHTML, on distingue encore deux types de balises.

type inline : balises que l'on trouve dans un paragraphe comme , , <q>...
type bloc : elles servent à donner une structure à la page en la décomposant en bloc. , <h1>, <blockquote>, sont des balises de type bloc.

Les acronymes.

J'ai failli les oublier ! xD Les acronymes sont des lettres qui assemblées enfin... C'est par exemple : HTML, CSS, CIA, FBI, BG (belle goutière), CS (Cobra Starship)...

Et parfois, le visiteur ignore ce que veut dire l'acronyme utilisé ! C'est pour ça, que cette balise a été crée. Elle marche comme toutes les balises de type inline. Le truc nouveau, c'est l'utilisation de l'attribut "title". Je montre.

Code:

Le <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> est le langage qui permet de créer un site web.

Ainsi, on vous affiche la description de l'acronyme quand on passe la souris dessus. (:
Firefox met l'acronyme souligné avec des pointillés. IE ne fait... Bah. Justement, il fait pas. xD IE ne fait rien.