Correction série 01 HTML
Correction série 01 HTML
-
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
<!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>Page02
<!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>