Exercice 6/14

  • Dans la section body du document index.html, ajoutez un titre de paragraphe :
        a. créez une balise ouvrante <h1>
        b. Rédigez votre titre
        c. Fermez avec la balise fermante </h1> (Votre titre devrait maintenant se situer entre <h1> et </h1>)
  • Sous ce titre, ajoutez 2 paragraphes avec les balises <p> en écrivant ce que bon vous semble.

Leçon 6/14

Avec les quelques balises que vous venez d'apprendre, vous pouvez désormais créer une page web, certes basique, mais le principe est acquis. Vous savez :

  1. Structurer un document HTML avec les balises <html> , <head> et <body>
  2. Décrire votre document avec la balise <title> imbriquée dans le <head>
  3. Mettre un texte en forme à l'aide de paragraphes avec la balise <p>

Pour que votre texte ne soit pas un pavé imbuvable, il faut le hiérarchiser. Cela commence par lui donner un titre. La balise <h1> vous permet d'encadrer le titre le plus important.

Petit rappel : les paragraphes utilisent les balises ouvrante et fermante <p> et </p> !

Commentaires les mieux notés

  • lartigau.annelore-24

    lartigau.annelore-24

    Finalement pas besoin d'aide/<p>. Finalement oui, il y a une différence... vu en écrivant ma tartine dans un exercice + loin... Merci! Ça me défoule vraiment. C'est vraiment sympa de nous offrir ces cours. C'est mieux que les antidépresseurs et anxiolytiques...

    le 22/02/2020 à 20h28

  • godlythinking-41

    godlythinking-41

    j'ai bien vu ou était mon érreur. Merci

    le 11/10/2019 à 22h24

  • albad.madgbe-24

    albad.madgbe-24

    merci j'ai réussi à le faire

    le 08/04/2020 à 12h51

  • mram

    mram Admin

    Les balises "h1" ne doivent jamais être dans une balise "p".

    le 06/02/2017 à 01h29

  • mram

    mram Admin

    @badolc2 : vos balise "h1" et "p" ne sont pas dans <body> ....

    le 16/09/2016 à 14h47

20 Commentaires

  • carvalho.zairiny-99

    carvalho.zairiny-99

    Vous ne devez pas modifier le contenu de la balise title

    le 06/08/2020 à 19h20

  • meriam

    meriam Admin

    Bonjour, vous avez modifié le contenu de la balise title, cliquez sur reset pour obtenir le contenu initial.

    le 07/08/2020 à 12h50

  • albad.madgbe-24

    albad.madgbe-24

    merci j'ai réussi à le faire

    le 08/04/2020 à 12h51

  • lartigau.annelore-24

    lartigau.annelore-24

    Finalement pas besoin d'aide/<p>. Finalement oui, il y a une différence... vu en écrivant ma tartine dans un exercice + loin... Merci! Ça me défoule vraiment. C'est vraiment sympa de nous offrir ces cours. C'est mieux que les antidépresseurs et anxiolytiques...

    le 22/02/2020 à 20h28

  • lartigau.annelore-24

    lartigau.annelore-24

    Merci pour votre aide cher administrateur. Très intéressant de lire tous ces commentaires! (Dommage qu'on n'est pas un dessin de main pour exprimer ceux qu'on trouve très intéressants personnellement (vu aussi que, des fois, certains ne lisent pas avant, et que vous devez vous répétez...)). Perso, là, ma question s'apparente aux <p> </p>: je me suis amusée à écrire après un </p>: ça revient à la marge en-dessous, tout comme si je fais suivre un <p></p> par un autre <p></p>; en résumé: aucune différence. Je ne comprends pas pourquoi. Quel intérêt alors les "p" si à chaque ligne, ça revient à la ligne, paragraphe ou non? Ptêt + clair quand + avancé dans les cours? Bon WE.

    le 22/02/2020 à 20h01

  • meriam

    meriam Admin

    Bonjour, Les éléments en html se divisent en deux types :type inline et type block: Un bloc (ou block en anglais) s'étale sur toute la largeur disponible et possède toujours un saut de ligne implicite à sa fin comme les (h1, ...,h6, p , div ). Les balises en ligne (inline en anglais) permettent d'encapsuler du contenu au sein d'un bloc. Leur largeur est celle du texte qu'elle contiennent, il n'y a pas de saut de ligne à la fin. Il est possible mettre des balises inline dans un bloc mais pas l'inverse comme (img, a , span ,strong,em)

    le 25/02/2020 à 10h51

index.html
<!DOCTYPE html> <html> <head> <title> Titres et Paragraphes </title> </head> <body> </body> </html>