1.9 KiB
HTML 5
Exercice 1
- Un chemin absolu est un chemin pouvant être compris sans connaître le chemin du programme actuel, ou le chemin de la page actuellement chargée. Toute l'URL doit être spécifiée, par exemple
https://bernard.com.de/superadresse
Un chemin relatif s'exprime relativement au chemin du programme actuel. Par exemple, le chemin relatif imgs/photo.png pointera le fichier https://bernard.com.de/imgs/photo.png si il est lu depuis la page https://bernard.com.de/superadresse, et vers le fichier https://bernard.com.de/section/imgs/photo.png si il est lu depuis la page https://bernard.com.de/section/index.php
- Entre les pages d'un même site web, il faut privilégier les liens relatifs, plus robustes aux changements de noms de domaine, et aux multiples noms de domaine (une page hébergée sous
https://bernard.com.deet soushttps://bernard.com.
Exercice 2
Les liens vers d'autres pages web sont ajoutés à l'aide des balises a avec l'argument href correspondant à la destination du lien. Le contenu de la balise sera la zone/texte affiché et cliquable. Par exemple:
<a href="https://bernard.com.de/index.php">Le site de bernard !</a>
Exercice 3
Une ancre est un lien pointant vers une zone spécifique d'une page. Par exemple, l'URL https://bernard.com.de/index.php#nbp ouvrira la page index.php rendant visible la balise avec id=nbp.
Exercice 4
page1.html:
<!DOCTYPE html>
<html>
<head></head>
<body>
Les cours de PROJ1, c'est bien !
<img src="https://www.pokepedia.fr/images/c/cd/Rondoudou-RFVF.png" alt="Artwork du pokémon Rondoudou"/>
<br/>
<a href="test2.html">Cliquez pour réveler le meilleur des pokémons (un indice est sur cette page)</a>
</body>
</html>
test2.html:
<!DOCTYPE html>
<html>
<head></head>
<body>
Le meilleur des pokemon c'est ????? RONDOUDOU BIEN SUR !
</body>
</html>