49 lines
1.9 KiB
Markdown
49 lines
1.9 KiB
Markdown
HTML 5
|
||
=
|
||
|
||
### Exercice 1
|
||
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`
|
||
|
||
2. 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.de` et sous `https://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>
|
||
```
|
||
|