| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| nsi:premiere:html [2021/08/04 19:57] – goupillwiki | nsi:premiere:html [2022/10/14 19:08] (Version actuelle) – goupillwiki |
|---|
| ====== Initiation à HTML ===== | ====== Initiation à HTML ===== |
| |
| {{section>langages:html:start#Bref historique&nofooter}} | //Ce document inclus des éléments de [[nsi:langages:html:start|HTML]]// |
| |
| {{section>langages:html:start#Langage à balise interprété&nofooter}} | {{section>nsi:langages:html:start#Bref historique&nofooter}} |
| | |
| | {{section>nsi:langages:html:start#Langage à balise interprété&nofooter}} |
| |
| === Exercice 1 === | === Exercice 1 === |
| |
| <wrap download>{{ :nsi:premiere:mapage.zip |}} -- Décompressez avant utilisation !</wrap> | <wrap download>{{ nsi:premiere:web:mapage.zip |}} -- Décompressez avant utilisation !</wrap> |
| |
| - Ouvrir le fichier ''mapage.html'' avec un éditeur de texte. | - Ouvrir le fichier ''mapage.html'' avec un éditeur de texte. |
| ====== ====== | ====== ====== |
| |
| {{section>langages:html:start#Page élémentaire&nofooter}} | {{section>nsi:langages:html:start#Page élémentaire&nofooter}} |
| |
| {{section>langages:html:start#block et inline&nofooter}} | {{section>nsi:langages:html:start#block et inline&nofooter}} |
| |
| {{section>langages:html:start#Les balises&nofooter}} | {{section>nsi:langages:html:start#Les balises&nofooter}} |
| |
| === Exercice 2 === | === Exercice 2 === |
| Écrire le fichier ''page.html'' qui produit le résultat suivant dans un navigateur. | Écrire le fichier ''page.html'' qui produit le résultat suivant dans un navigateur. |
| |
| {{ :nsi:premiere:mapage.png?direct&600 |}} | |
| | {{ :nsi:premiere:web:mapage.png?direct&600 |}} |
| |
| //Le fichier image peut être trouvé sur la [[https://fr.wikipedia.org/wiki/ZX80#/media/Fichier:ZX80.jpg|page wikipedia du ZX80]].// | //Le fichier image peut être trouvé sur la [[https://fr.wikipedia.org/wiki/ZX80#/media/Fichier:ZX80.jpg|page wikipedia du ZX80]].// |
| ====== ====== | ====== ====== |
| |
| {{section>langages:html:start#Styles&nofooter}} | {{section>nsi:langages:html:start#Styles&nofooter}} |
| |
| === Exercice 3 === | === Exercice 3 === |
| |
| <wrap download>{{ :nsi:premiere:page_vrac.zip |}} -- Décompressez avant utilisation !</wrap> | <wrap download>{{ nsi:premiere:web:page_vrac.zip |}} -- Décompressez avant utilisation !</wrap> |
| |
| On vous fournit un fichier ''%%page_vrac.html%%'' qui contient des éléments de style dispersés ici et là dans la page. C'est une très mauvaise méthode. On est obligé de répété constamment que l'on veut justifier le texte, parfois on oubli, la présentation n'est pas homogène... | On vous fournit un fichier ''%%page_vrac.html%%'' qui contient des éléments de style dispersés ici et là dans la page. C'est une très mauvaise méthode. On est obligé de répété constamment que l'on veut justifier le texte, parfois on oubli, la présentation n'est pas homogène... |
| |
| Améliorez la gestion des styles comme indiqué dans le cours. | Améliorez la gestion des styles comme indiqué dans le cours. |
