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

Partagez | 
 

 [XHTML] Les paragraphes.

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] Les paragraphes.   Ven 26 Fév - 15:24

    Bien. Vous avez toujours votre page qu'on a faite toute à l'heure ? Elle est toujours ouverte dans le Notepad++ ou le Bloc Note ? Alors.
    Maintenant, on va apprendre à s'occuper du texte. Paragraphe, titres, mots importants, et nouvelles balises sont au rendez-vous ! Huhu ! Prêts ?... C'est parti pour les Paragraphes. :P


    Les Paraaaaaagraaaaaaaaphes !
    * nan, la touche du a ne merde pas, c'est moi qui déconne xD *

    Bien. En XHTML, mettre du texte c'est simple comme (amis du jour,) bonjour. Ca marche avec des paragraphes. Et PAM ! Une balise à connaître : <p> </p> qui définit les paragraphes. Un petit exemple ?

    Code:
    <p>Bonjouuuuuuuuuuur ! Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool. 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.</p>

    Comme on l'a appris avant <P> ouvre le paragraphe et </p> le referme.
    Maintenant, on va placer notre bazar dans... * roulements de tambouuuuur ! * Le code qu'on a vu tout à l'heure. (:
    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>
                    <p>Bonjouuuuuuuuuuur ! Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool. 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.</p>
            </body>
    </html>

    Avec un peu de chance, vous obtenez ça. J'avoue, c'est moche. Si vous mettez votre site en ligne, je doute du fait que les visiteurs resteront... Mais c'est un début. (:


    Maintenant, apprenons à sauter des lignes. (:

    Vous allez vous dire : "HAAAAAAN, comment elle se fout de notre tronche ! On est pas des boloss ! ><" Mais en fait, ça ne marche pas comme d'habitude. T'auras beau passer tes nerfs sur la touche entrée... Ahah. Bah, ça marchera pas, et t'auras peut-être même besoin d'un nouveau clavier. xD

    Par exemple, essayez ce code :

    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>
                    <p>Bonjouuuuuuuuuuur !
                Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool.
                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.</p>
            </body>
    </html>

    Vous remarquez que le texte n'est plus un gros bloc. Et quand vous le testez... Rien ne change !


    Pour écrire un nouveau paragraphe. Il faut donc créer une nouvelle balise <p> et au final votre code en est remplis !

    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>
                    <p>Bonjouuuuuuuuuuur ! </p>
                <p>Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool. </p>
                <p>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.</p>
            </body>
    </html>

    Vous avez donc ceci. Mais vous, vous voulez juste aller à la ligne. Pas en sauter une. Et... Miracle ! Vous pouvez faire ça. :P
    C'est une balise seule. <br /> Elle ne peut se trouver que dans un paragraphe (dans le body elle marche quand même sans le paragraphe mais on va pas commencer à bidouiller hein xD).

    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>
                    <p>Bonjouuuuuuuuuuur !</p>
                <p>Cette après-midi je vois JonesMee et on va faire de la musique. (: On va enregistrer des chansons et c'est cool. <br />         
                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.</p>
            </body>
    </html>

    Et cette fois-ci, c'est bon. Vous pouvez mettre plusieurs balises à la suite pour sauter des lignes (j'avoue, je fais ça XD) mais c'est inutile quand on connait le CSS.

    Alors, on résume vite fait :

  • <p> </p> pour faire des paragraphes.
  • <br /> pour revenir à la ligne.



    (Et on excuse mes tutos qui datent du temps mes mamouths. Mais je n'ai pas envie de refaire les images. xD Je les prends de ce que j'avais tapé et sauvé de mon forum de Graph' dont je ne m'occupe plus - honte à moi -)

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

[XHTML] Les paragraphes.

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-