**Ceci est une ancienne révision du document !**
Table des matières
Activité HTML N° 2 : organiser la page Web
Les titres
Le langage HTML permet de définir six niveaux de titres différents.
- <h1> </h1> : signifie titre très important comme le titre de la page au début de celle-ci.
- <h2> </h2> : signifie titre important.
- <h3> </h3> : titre un peu moins important ou sous-titre.
- <h4> </h4> : titre encore moins important.
- <h5> </h5> : titre pas important.
- <h6> </h6> : titre encotre moins important.
Les paragraphes
Quand tu écris un document, tu utilises des paragraphes. On procède la même manière dans une page HTML en utilisant la balise <p> :
<p>Voici un paragraphe !</p>
- <p> signifie Début du paragraphe ;
- </p> signifie Fin du paragraphe.
Aller à la ligne dans un paragraphe
En changeant de paragraphe, on provoque un changement de ligne. Si à l'intérieur d'un paragraphe tu veux changer de ligne, utilise la balise autofermante <br />.
Les listes
les listes non ordonnées ou listes à puces ;
Ce sont les listes qui permettent des énumérations.
<ul> <li>un élément</li> <li>un autre élément</li> <li>un autre élément</li> </ul>
Liste ordonnée
Une liste ordonnée fonctionne de la même façon en changeant une balise change : tu remplaces <ul></ul> par <ol></ol>. À l'intérieur de la liste, on ne change rien : on utilise toujours des balises <li></li> pour délimiter les éléments.
Par contre l'ordre est important : Le premier <li></li> sera l'élément n° 1, le second sera le n°2, etc.
<ol> <li>1er élément</li> <li>2ème élément</li> <li>3ème élément</li> </ol>
Question 1
- Complète le code HTML de la page de manière à obtenir le résultat de la page Web sur le guitariste de jazz Jean Reinhardt plus connu sous le nom Django Reinhardt**.
- <iframe src=“https://trinket.io/embed/html/51ecfa7854” width=“100%” height=“600” frameborder=“0” marginwidth=“0” marginheight=“0” allowfullscreen></iframe>