Attractive.1fr1.net - Inscrit-Toi , clique ici !
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 [XHTML] Diverses balises

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
scooby snacks
.
.
avatar

Age : 25
Messages : 86

♣ O.M.G journal (presque) intime ♣
Racontage de vie.:

MessageSujet: [XHTML] Diverses balises   Ven 26 Fév - 15:32

    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. <sup> 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>
                <p>Cette après-midi je vois <em>JonesMee</em> et on va faire de la <strong>musique</strong>. (: On va enregistrer des <sup>chansons</sup> et c'est cool. <br />         
                <h2>Achats</h2>
                Ma mère m'a acheté un <strong>nouveau gilet</strong> qu'est <em>trop beau</em> et deux DVDs, Chicago et Casino Royale. J'ai trop hâte de manger une <sup>glace</sup> au chocolat. Bla, bla.</p>
            </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. <sub> </sub>
    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:
    <p>
      x<sub>n</sub> = x<sub>n - 1</sub> - 2x<sub>n-2</sub>
    </p>

    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 <em> </em> <sup> </sup> etc...

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

    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 <p> </p>

    Code:
    <h1>L'albatros de Baudelaire.</h1>
     <blockquote>         
     <p>
     Souvent, pour s'amuser, les hommes d'équipage<br />
    Prennent des albatros, vastes oiseaux des mers,<br />
    Qui suivent, indolents compagnons de voyage,<br />
    Le navire glissant sur les gouffres amers.<br /><br />
    A peine les ont-ils déposés sur les planches,<br />
    Que ces rois de l'azur, maladroits et honteux,<br />
    Laissent piteusement leurs grandes ailes blanches<br />
    Comme des avirons traîner à côté d'eux.<br /><br />
    Ce voyageur ailé, comme il est gauche et veule !<br />
    Lui, naguère si beau, qu'il est comique et laid !<br />
    L'un agace son bec avec un brûle-gueule,<br />
    L'autre mime, en boitant, l'infirme qui volait !<br /><br />
    Le poète est semblable au prince des nuées<br />
    Qui hante la tempête et se rit de l'archer ;<br />
    Exilé sur le sol au milieu des huées,<br />
    Ses ailes de géant l'empêche de marcher.
    </p>
    </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 <strong>, <em>, <q>...
    type bloc : elles servent à donner une structure à la page en la décomposant en bloc. <p>, <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:
    <p>Le <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> est le langage qui permet de créer un site web.</p>

    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.


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://seattlespecificinstitute.skyrock.com
 

[XHTML] Diverses balises

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: T u t o r i a u x :: HTML/WEB-