• Article
  • Discussion
  • Modifier
  • Historique

Titres et paragraphes

Un article de Eric Bruyndonckx.

Sommaire

[modifier] Les Titres dans le document 

<h1>Titre 1er niveau</h1>
<h2>Titre 2e niveau</h2>
<h3>Titre 3e niveau</h3>
<h4>Titre 4e niveau</h4>
<h5>Titre 5e niveau</h5>
<h6>Titre 6e niveau</h6>
[modifier] Les Traits de séparation horizontaux 
<hr />
[modifier] Les Sauts de lignes 
<br />

Cet élément permet un retour de chariot.

[modifier] Les Sauts de paragraphe 
<p>Paragraphe</p>

Le paragraphe est l'élément de base de mise en page du texte dans une page Web. Pour créer un paragraphe il vous suffit d'encadrer le texte des balise <p> et </p>, comme dans l'exemple ci-dessus.

[modifier] Les Commentaires 
<!-- Commentaires -->

Pour documenter en interne des contenus ou des commandes. N'est pas affiché dans le navigateur.

[modifier] Exercice

[modifier] Donnée

Réaliser la page Web illustrée ci-dessous à l'aide de votre Bloc-Notes (Menu Démarrer > Programmes > Accessoires)


[modifier] Corrigé

Voici le code HTML utilisé. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Titre du document</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 </head>
  <body>
   <h1>Prénom et nom</h1>
   <hr />
   <h2>Mes coordonnées</h2>
   Nom et prénom<br />
   Ligne adresse 1<br />
   Ligne adresse 2<br />
   NPA et localité<br />
   Pays
   <hr />
   <h2>Mon curiculum Vitae</h2>
   <p>Expériences professionnelles</p>
   <p>Formations suivies</p>
   <hr />
   <h2>Mes hobbies</h2>
   <!-- A remplir -->
   <hr />
   Nom et prénom / mise à jour, le jj.mm.aaaa
  </body>
 </html>


[modifier] Références

Site de référence : www.w3.org/TR/xhtml1

[modifier] Voir aussi


Récupérée de « http://www.ebx.ch/mediawiki1/index.php/Titres_et_paragraphes »