HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf ·...
Transcript of HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf ·...
![Page 1: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/1.jpg)
but du diaporamaprincipe general
le titre ainsi qu’une section contenant un paragraphele titre ainsi qu’un paragraphe dont le texte est centre
une section dont le texte est colore en rouge (couleur definie dans le head)une section contenant une liste numerotee
une section contenant une liste non numeroteesection qui contient un tableausection qui contient une image
section qui contient un lien vers une page webdu texte en italique
un passage a la ligneune ligne de separation
des commentaires dans le code source
HTML et page Webdiaporama
16 juillet 2015
HTML et page Web
![Page 2: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/2.jpg)
Buts du diaporama
Donner les principes generaux d’ecriture d’une page web en htmlDonner des ”bout” de code en html et les ”affichages” correspondants
![Page 3: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/3.jpg)
Les references internationales pour ecrire en HTML(cliquer ci dessous)
http://www.w3schools.com/
![Page 4: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/4.jpg)
Pour tester le code source et voir le resultat en ligne :(cliquer ci dessous)
http://www.cssdesk.com/
https://thimble.webmaker.org/fr
![Page 5: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/5.jpg)
Un ordinateur contient un fichier de nom ”ma page web.html”(avec l’extension .html obligatoirement)
Dans ce fichier est ecrit du code source dans le langage HTML
![Page 6: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/6.jpg)
Un ordinateur contient un fichier de nom ”ma page web.html”(avec l’extension .html obligatoirement)
Dans ce fichier est ecrit du code source dans le langage HTML
ma_page_web.html
Fichier dans le PC
![Page 7: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/7.jpg)
Dans ce fichier est ecrit du ”code source” dans le langage ”HTML”,ce fichier est edite avec un editeur de texte tel ”Block-notes” sous window ou ”gedit” sous linux
![Page 8: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/8.jpg)
Dans ce fichier est ecrit du ”code source” dans le langage ”HTML”,ce fichier est edite avec un editeur de texte tel ”Block-notes” sous window ou ”gedit” sous linux
ma_page_web.html
ouvert en écriture avec Block-notes
Affiche le
Code source HTML
de ma page Web
![Page 9: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/9.jpg)
Un ”navigateur web” (firefox par exemple) peut ouvrir ce fichier en lecture,il interprete le code source et affiche alors la page web correspondante
![Page 10: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/10.jpg)
Un ”navigateur web” (firefox par exemple) peut ouvrir ce fichier en lecture,il interprete le code source et affiche alors la page web correspondante
ma_page_web.html
ouvert en lecture avec Firefox
Affiche le
Contenu interprété
de ma page Web
![Page 11: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/11.jpg)
Un ”navigateur web” (firefox par exemple) peut permettre de visualiser le code source en lecture, ilaffiche le code source mais on ne peut pas modifier le code source,
sous firefox il suffit de faire : Ctrl + U
![Page 12: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/12.jpg)
Un ”navigateur web” (firefox par exemple) peut permettre de visualiser le code source en lecture, ilaffiche le code source mais on ne peut pas modifier le code source,
sous firefox il suffit de faire : Ctrl + U
ma_page_web.html
code source ouvert en lecture avec Firefox
Ctrl + U Affiche le
Code Source
de ma page Web
![Page 13: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/13.jpg)
conclusion :
![Page 14: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/14.jpg)
conclusion :✄
✂
�
✁Il suffit d’apprendre a ecrire un fichier en HTML avec un editeur
![Page 15: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/15.jpg)
conclusion :✄
✂
�
✁Il suffit d’apprendre a ecrire un fichier en HTML avec un editeur
✄
✂
�
✁et ensuite d’ouvrir ce fichier en lecture avec un navigateur internet
![Page 16: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/16.jpg)
principe des balises
![Page 17: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/17.jpg)
principe des balises
Le document source contient essentiellement des ”balises”qui indiquent au navigateur (firefox), ce qu’il faut afficher (le contenu)
et comment l’afficher (la mise en forme)
![Page 18: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/18.jpg)
principe des balises
Le document source contient essentiellement des ”balises”qui indiquent au navigateur (firefox), ce qu’il faut afficher (le contenu)
et comment l’afficher (la mise en forme)
<ma balise> ... </fin de ma balise>
![Page 19: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/19.jpg)
structure generale d’un document en HTML
![Page 20: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/20.jpg)
structure generale d’un document en HTML
Toute page Web a un code source qui respecte la structure suivantedefinie par les balises <html> <head> et <body> imbriquees comme suit
![Page 21: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/21.jpg)
structure generale d’un document en HTML
Toute page Web a un code source qui respecte la structure suivantedefinie par les balises <html> <head> et <body> imbriquees comme suit
<html>
</html>
![Page 22: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/22.jpg)
structure generale d’un document en HTML
Toute page Web a un code source qui respecte la structure suivantedefinie par les balises <html> <head> et <body> imbriquees comme suit
<html>
<head>
</head>
</html>
![Page 23: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/23.jpg)
structure generale d’un document en HTML
Toute page Web a un code source qui respecte la structure suivantedefinie par les balises <html> <head> et <body> imbriquees comme suit
<html>
<head>
contient des informations generales sur la page web(titre, couleur du texte, image de fond, ...)
</head>
</html>
![Page 24: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/24.jpg)
structure generale d’un document en HTML
Toute page Web a un code source qui respecte la structure suivantedefinie par les balises <html> <head> et <body> imbriquees comme suit
<html>
<head>
contient des informations generales sur la page web(titre, couleur du texte, image de fond, ...)
</head>
<body>
</body>
</html>
![Page 25: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/25.jpg)
structure generale d’un document en HTML
Toute page Web a un code source qui respecte la structure suivantedefinie par les balises <html> <head> et <body> imbriquees comme suit
<html>
<head>
contient des informations generales sur la page web(titre, couleur du texte, image de fond, ...)
</head>
<body>
contient le contenu de la page web
</body>
</html>
![Page 26: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/26.jpg)
la partie definie par <head> et </head>contient des informations generales sur la page web
(titre, couleur du texte, image de fond, ...)
![Page 27: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/27.jpg)
la partie definie par <head> et </head>contient des informations generales sur la page web
(titre, couleur du texte, image de fond, ...)
<head>
</head>
![Page 28: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/28.jpg)
la partie definie par <head> et </head>contient des informations generales sur la page web
(titre, couleur du texte, image de fond, ...)
<head>
<title>titre document</title><!-- Preciser le titre qui apparaitra dans le navigateur -->
</head>
![Page 29: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/29.jpg)
la partie definie par <head> et </head>contient des informations generales sur la page web
(titre, couleur du texte, image de fond, ...)
<head>
<title>titre document</title><!-- Preciser le titre qui apparaitra dans le navigateur -->
<!-- balise de style (couleur du fond, couleur du texte...) --><style type=”text/css”>
</style>
</head>
![Page 30: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/30.jpg)
la partie definie par <head> et </head>contient des informations generales sur la page web
(titre, couleur du texte, image de fond, ...)
<head>
<title>titre document</title><!-- Preciser le titre qui apparaitra dans le navigateur -->
<!-- balise de style (couleur du fond, couleur du texte...) --><style type=”text/css”>
<!--body {background-color: black;color: white;}
-->
</style>
</head>
![Page 31: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/31.jpg)
la partie definie par <head> et </head>contient des informations generales sur la page web
(titre, couleur du texte, image de fond, ...)
<head>
<title>titre document</title><!-- Preciser le titre qui apparaitra dans le navigateur -->
<!-- balise de style (couleur du fond, couleur du texte...) --><style type=”text/css”>
<!--body {background-color: black;color: white;}
.Style1 color: red
-->
</style>
<!-- .Style1 color: red est pour la couleur d’un texte en rouge ci dessous -->
</head>
![Page 32: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/32.jpg)
la partie definie par <body> et </body>contient le contenu de la page web avec des ”balises de mise en forme”
![Page 33: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/33.jpg)
la partie definie par <body> et </body>contient le contenu de la page web avec des ”balises de mise en forme”
<body><h1>Ceci est le titre du document </h1></body>
![Page 34: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/34.jpg)
<body><h1>Ceci est le titre du document </h1><section><h1>ceci est le titre de la premiere section</h1><p> un paragraphe dans cette section </p></section></body>
![Page 35: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/35.jpg)
le titre ainsi qu’un paragraphe dont le texte est centre
<body><h1>Ceci est le titre du document </h1><section><h1>une section avec un alignement cente du paragraphe</h1><p align=”center”> un paragraphe centre</p></section></body>
![Page 36: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/36.jpg)
une section dont le texte est colore en rouge (couleur definie dans le head)
<body><section><h1>section avec une ecriture coloree </h1><span class=”Style1”><p> un paragraphe colore</p></span></section></body>
![Page 37: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/37.jpg)
une section contenant une liste numerotee
<body><section><h1> section qui contient des listes numerotees </h1><ol><li>premier element de la liste numerotee</li><li>second element de la liste numerotee</li><li>troisieme element de la liste numerotee</li></ol></section></body>
![Page 38: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/38.jpg)
une section contenant une liste non numerotee
<body><section><h1> section qui contient des listes non numerotees </h1><ul><li>premier element de la liste non numerotee</li><li>second element de la liste non numerotee</li><li>troisieme element de la liste non numerotee</li></ul></section></body>
![Page 39: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/39.jpg)
section qui contient un tableau
<body><section><h1> section qui contient un tableau</h1><p><table border=”1”><tr> <!--debut de ligne --><td> case 11 (ligne 1 colonne1)</td> <!--debut et fin de colonne --><td> case 12</td><td> case 13</td></tr><tr> <!--debut de ligne --><td> case 21 (ligne 2 colonne1)</td> <!--debut et fin de colonne --><td> case 22</td><td> case 23</td></tr></table></p></section></body>
![Page 40: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/40.jpg)
section qui contient une image
<body><section><h1> section qui contient une image </h1><p><img src=”w3c-valid-code.png” style=”width:304px;height:228px”><!--l’addresse de l’image qui est dans le meme dossier que ce documentainsi que les dimensions souhaitees --></p></section></body>
![Page 41: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/41.jpg)
section qui contient un lien vers une page web
<body><section><h1> section qui contient un lien vers une autre page html </h1><p><a href=”http://www.w3schools.com” target=” blank” > cliquer ici pour allersur la page web du standard HTML</a><!--l’addresse de l’autre pagequi peut etre sur le web ou dans le meme dossier que ce documenttarguet=”blank” est optionel, il ouvre la page dans un nouvel onglet--></p></section></body>
![Page 42: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/42.jpg)
du texte en italique
<body><i> mon texte en italique </i></body>
![Page 43: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/43.jpg)
un passage a la ligne
<body>une phrase <br>une phrase en dessous</body>
![Page 44: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/44.jpg)
une ligne de separation
<body>une phrase <br><hr> <!-- la ligne horizontale -->une phrase en dessous</body>
![Page 45: HTML et page Web - diaporamasite.math.free.fr/programmation/html/diaporama/diaporama_html.pdf · diaporama 16 juillet 2015 HTML et page Web. Buts du diaporama Donner les principes](https://reader035.fdocuments.net/reader035/viewer/2022081523/5ffd6454738e7723f41a9ed2/html5/thumbnails/45.jpg)
des commentaires dans le code source
<body>une phrase<!-- mes commentairesvisibles uniquement dansle code source--></body>