Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Dernière révision Les deux révisions suivantes | ||
isn:html1 [2020/05/11 14:39] techer.charles_educ-valadon-limoges.fr |
isn:html1 [2020/05/11 15:56] techer.charles_educ-valadon-limoges.fr |
||
---|---|---|---|
Ligne 5: | Ligne 5: | ||
Sur le site https:// | Sur le site https:// | ||
- | Dans l' | + | Dans l' |
< | < | ||
<iframe src=" | <iframe src=" | ||
</ | </ | ||
==== Question 1 ==== | ==== Question 1 ==== | ||
- | |||
* **Modifie** le contenu du **fichier index.html** : dans la partie de gauche, change ce qui est écrit (le code HTML) plaçé entre les balises **< | * **Modifie** le contenu du **fichier index.html** : dans la partie de gauche, change ce qui est écrit (le code HTML) plaçé entre les balises **< | ||
* remplace la phrase **Titre de ma page** par **Je découvre le langage HTML** ; | * remplace la phrase **Titre de ma page** par **Je découvre le langage HTML** ; | ||
- | * remplace la phrase **Sous-titre de ma page** par **Thème | + | * remplace la phrase **Sous-titre de ma page** par **Thème sur le Web** ; |
Voici ce que tu dois obtenir et **visualiser** : | Voici ce que tu dois obtenir et **visualiser** : | ||
- | <code html> | ||
- | < | ||
- | < | ||
- | < | ||
- | <meta charset=" | ||
- | <link rel=" | ||
- | </ | ||
- | < | ||
- | < | ||
- | < | ||
- | < | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | * connecte-toi au site ISN à l' | ||
+ | {{ : | ||
+ | <WRAP center round box> | ||
Le langage **HTML** tout est un langage à balise avec : | Le langage **HTML** tout est un langage à balise avec : | ||
* des balises que l'on **ouvre**. Une balise ouvrante est de la forme **< | * des balises que l'on **ouvre**. Une balise ouvrante est de la forme **< | ||
Ligne 39: | Ligne 23: | ||
Toute balise ouverte **doit être refermée** à un moment ou un autre, qu' | Toute balise ouverte **doit être refermée** à un moment ou un autre, qu' | ||
+ | |||
+ | </ | ||
<WRAP center round important 60%> | <WRAP center round important 60%> | ||
Ligne 63: | Ligne 49: | ||
Chaque balise a une signification qu'il faut bien respecter (on parle de la sémantique des balises). | Chaque balise a une signification qu'il faut bien respecter (on parle de la sémantique des balises). | ||
+ | <WRAP center round info> | ||
+ | Le couple de balise **%%< | ||
+ | </ | ||
+ | |||
- | Il existe aussi des balises qui sont **à la fois ouvrantes et fermantes**. C'est le cas pour la balise image qui permet de mettre une image dans une page Web. | + | Il existe aussi des balises qui sont **à la fois ouvrantes et fermantes**. C'est le cas pour la balise |
* Voici une balise image qui affiche le **logo** du lycée Valadon dans la page index.html : | * Voici une balise image qui affiche le **logo** du lycée Valadon dans la page index.html : | ||
* l' | * l' | ||
<code html> | <code html> | ||
- | <img src=" | + | <img src=" |
</ | </ | ||
Ligne 77: | Ligne 67: | ||
<img src=" | <img src=" | ||
</ | </ | ||
+ | |||
+ | <WRAP center round info> | ||
+ | La balise **%%< | ||
+ | </ | ||
+ | ==== Question 2 ==== | ||
+ | * **Modifie** le contenu du **fichier index.html** pour ajouter l' | ||
+ | {{ : | ||
+ | |||
+ | Voici l'URL, c'est à dire le lien interne de cette image : **%%https:// | ||
+ | |||
+ | Voici ce que tu dois **visualiser** : | ||
+ | {{ : | ||
===== La balise a ===== | ===== La balise a ===== | ||
Ligne 87: | Ligne 89: | ||
</ | </ | ||
* Entre la balise ouvrante et fermante, on trouve le texte qui s' | * Entre la balise ouvrante et fermante, on trouve le texte qui s' | ||
+ | ==== Question 3 ==== | ||
+ | * **Modifie** le contenu du **fichier index.html** pour ajouter un lien vers une page ou un site de ton choix : | ||
+ | |||
+ | Comme exemple j'ai ajouté un lien vers le site Web de l' | ||
+ | |||
+ | Voici ce que tu dois **visualiser** : | ||
+ | {{ : | ||
+ | |||
Il existe beaucoup d' | Il existe beaucoup d' | ||
* l' | * l' | ||
* et l' | * et l' | ||
- | ===== Le résultat avec Trinket.io ===== | ||
- | < | ||
- | <iframe src=" | ||
- | </ | ||
===== Les premières balises utile pour le HTML ===== | ===== Les premières balises utile pour le HTML ===== |