Objectifs
- Savoir écrire le code minimum en HTML pour créer une page Web.
- Savoir créer en mode code un tableau.
- Savoir insérer une image en HTML.
- Savoir insérer un lien hypertexte en mode code.
- Savoir distinguer entre une adresse absolue et une adresse relatif.
Exercice 01
Énoncé
- Vous pouvez visualiser l'énoncé de l'exercice
Solution
-
Page01
Page02<!doctype html> <html> <thead> <meta charset="utrf-8"> <title>Les tableaux</title> </thead> <body style="background-image: url(images/image3.png);"> <center> <table width="700px" height="800px" > <tr > <td rowspan="3" width="200px">Cellule 1</td> <td height="150px"><img src="images/image1.png"></td> </tr> <tr> <td height="450px"> <p id="para1">“Initialement, le World Wide Web, communément appelé le web, était un moyen de partager des pages web (documents écrits en HTML). Le protocole HTTP (Hyper Text Transfer Protocol) a été conçu pour véhiculer ces documents. Depuis cette date, le web a beaucoup évolué et plusieurs phases se sont succédées avant d’obtenir les applications en ligne que l’on utilise aujourd’hui.” </br> Le HTML est un langage de programmation pour créer une page web. C’est le langage de base que chaque vrai créateur de site a appris à ses débuts. </br> Le HTML est un langage de programmation pour créer une page web. C’est le langage de base que chaque vrai créateur de site a appris à ses débuts. </br> Le HTML 5 est un évolution logique du HTML 4.01 </p> <p id="para2">Le HTML 5 est un évolution logique du HTML 4.01 en le simplifiant sur certain point (comme le doctype) et en l’actualisant en fonction de son utilisation et de sa distribution. </p> <p id="para3">Le HTML5 est la dernière révision majeure du HTML. Cette version a été finalisée le 28 octobre 2014.</p> </p> </td></tr> <tr> <td><a href="page2.html">Page 2</a></td></tr> </table> </center> </body> </html><!doctype html> <html> <thead> <meta charset="utrf-8"> <title>Les tableaux</title> </thead> <body style="background-image: url(images/image3.png);"> <center> <table border="2" width="700px" height="700px"> <tr > <td colspan="2" height="150px" >Cellule 1</td></tr> <tr><td width="200px" height="450px"><img src="images/image2.png"></td> <td height="450px" width="500px"><a href="page1.html#para3">Le paragraphe 3 de la page 1</a></td></tr> <tr> <td colspan="2"><a href="page1.html">Page 1</a></td></tr> <!-- Si l'image est située dans le même répertoire que votre page HTML, vous pouvez intégrer cette image en utilisant son URL relatif, par exemple : <img src="images/image1.jpg"> : Un lien relatif quant à lui n’inclut que le nom d’un fichier ou d’une page spécifique, qui est relatif au chemin courant. Vous pouvez intégrer l'image en utilisant son URL absolue, par exemple : <img src="https://www.example.com/images/image1.jpg"> Les chemins absolus contiennent l’URL complète, incluant le protocole, le nom de domaine du site Web et éventuellement un fichier, sous-dossier ou nom de page spécifique. --> </table> </center> </body> </html>