Tous pour le PC
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 [TUTO] Mise en place d'un texte [part.2]

Aller en bas 
AuteurMessage
mad
Admin
Admin
avatar

Messages : 37
Date d'inscription : 29/05/2011
Age : 27

MessageSujet: [TUTO] Mise en place d'un texte [part.2]   Sam 4 Juin - 16:29

Les Paragraphe de votre site


Un paragraphe se trouve entre les balises <p> et </p> c'est comme sa que nous inséreront un ou plusieurs paragraphes à notre site.

Voici un exemple:
Code:
<p>voici mon premier paragraphe , crée à l'aide du forum http://pcstuce.jeunforum.com</p>

* <p> signifie "Début du paragraphe"
* </p> signifie "Fin du paragraphe"

C'est simple comme bonjour Very Happy.

Comme je vous ait déjà dit le contenue de notre site web se trouvera entre les balises <body> et </body>

Donc nous allons inséré notre paragraphe comme ceci:

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>voici mon premier paragraphe , crée à l'aide du forum http://pcstuce.jeunforum.com</p>
        </body>
</html>

Si vous vous voulez sauté une ligne une balise est faite expert pour sa, c'est la balise




Voici comment elle fonctione:


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>voici mon premier paragraphe

                      crée à l'aide du forum http://pcstuce.jeunforum.com</p>
        </body>
</html>


Les titres

Les titre ont des balises aussi bien précise, il sont inséré par les balise <h1> </h1> (il en existe d'autre de la plus importante <h1> à la moin importante <h6> .

Les voici:
* <h1> </h1> : signifie "titre très important". En général, on s'en sert pour afficher le titre de la page en haut.
* <h2> </h2> : signifie "titre important". Utilisez-les par exemple pour organiser vos paragraphes et leur donner un titre.
* <h3> </h3> : c'est un titre un peu moins important
* <h4> </h4> : titre encore moins important.
* <h5> </h5> : titre pas important.
* <h6> </h6> : titre vraiment pas important.


ATTENTION vous ne pouvez remplacé les balises <title> et </title> par <h1> et </h1> car la balise <title> et </title> servent à affiché un titre dans l'onglet de votre navigateur alors que les balises <h1> et </h1> servent elle à inséré un titre dans votre page web, se sont deux choses totalement différente.



Exemple d'utilisation:

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>Mon site</title>
 
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
      <h1>Bienvenue sur mon site</h1>
 
      <p>
          Bonjour et bienvenue sur mon site .

          ce site a été crée à l'aide d'un site nommé http://pcstuce.jeunforum.com
      </p>
 
      <h2>Des cours pour débutants</h2>
      <p>
          PCstuce vous propose des cours (tutoriels) destinés aux débutants : aucune connaissance n'est requise pour lire ces cours !
      </p>
      <p>
          Vous pourrez ainsi apprendre, sans rien y connaître auparavant, à créer un site web etc...
      </p>
 
      <h2>Une communauté active</h2>
      <p> Vous avez un problème, un élément du cours que vous ne comprenez pas ? Vous avez besoin d'aide pour créer votre site ?  </p>
    </body>
</html>

Dans vos paragraphes il se peut que certain mot soit très important il faut donc le mettre entre les balises <strong> et </strong>

Exemple:

Code:
 
          <p>Bonjour <strong>à toute et à tous</strong> </p>
     



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pcstuce.jeunforum.com
 
[TUTO] Mise en place d'un texte [part.2]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Mise en place des gaines
» MISE EN PLACE DU SELF AVANT LES REPAS
» Mise en place des ESPE : Le rapport "Évolu­tion et état des lieux des moyens mis en œuvre pour la for­ma­tion des ensei­gnants" n'est toujours pas mis en ligne.
» Mise en place des onduleurs
» Mise en place d'un potager

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PCstuce :: Programmation :: PHP/HTML/CSS/JavaScript-
Sauter vers: