====== Activité HTML N° 3 : organiser la page Web ====== ===== Présentation ===== Tu vas créer un nouveau projet dans le Web Lab de Code.org pour **présenter un moteur de recherche** de ton choix : * choisir un moteur de recherche, * créer **3 paragraphes** ayant chacun un **titre** pour présenter : * un paragraphe pour indiquer **comment accéder** au moteur de recherche : le lien , * un paragraphe pour indiquer ce qui **caractérise** ce moteur de recherche sous forme de **liste**, * un dernier paragraphe pour donner ton opinion sur ce moteur de recherche. Pour t'aider tu trouveras ci dessous des précisions sur les **balises HTML** qui te seront **utiles**. ===== Accéder au Web Lab ===== Tu vas découvrir d'autre balises HTML dans le Web Lab de Code.org. * **Accède** au Web Lab. * **Ouvre** ton projet **Mon premier projet**. ===== Les balises et ===== Dans une page Web, Le contenu de ta page web doit être écrit entre les balises et . ===== Les titres ===== Le langage HTML permet de définir six niveaux de titres différents. * **

** : signifie **titre très important** comme le titre de la page au début de celle-ci. * **

** : signifie **titre important**. * **

** : titre un peu moins important ou **sous-titre**. * **

** : titre encore moins important. * **
** : titre pas important. * **
** : 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 **

** :

Voici un paragraphe !

*

signifie **Début du paragraphe** ; *

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
**. ===== Les listes ===== ==== les listes non ordonnées ou listes à puces ; ==== Ce sont les listes qui permettent des énumérations. ==== Liste ordonnée ==== Une liste ordonnée fonctionne de la même façon en changeant une balise change : tu remplaces **** par **
    **. À l'intérieur de la liste, on ne change rien : on utilise toujours des balises
  1. pour délimiter les éléments. Par contre l'ordre est important : Le premier
  2. sera l'élément n° 1, le second sera le n°2, etc.
    1. 1er élément
    2. 2ème élément
    3. 3ème élément
    ==== Activité Les langages pour créer des sites Web ... ==== [[icn:2nde:web:accueil|Je reviens à l'activité sur les langages pour créer des sites Web]]