This commit is contained in:
2021-12-16 10:34:02 +01:00
parent fef51de611
commit 075788f138
+8 -8
View File
@@ -79,15 +79,15 @@ Nous allons utiliser le logiciel *Notepad ++* afin d'ouvrir le ficher index.html
Repérez les différents éléments qui forment la structure de base d’une page HTML Repérez les différents éléments qui forment la structure de base d’une page HTML
· Le doctype <!DOCTYPE html> : il s’agit de la toute première ligne du document. C’est elle qui indique qu’il s’agit bien d’une page web HTML et qu’elle est écrite en HTML5. · Le doctype < !DOCTYPE html > : il s’agit de la toute première ligne du document. C’est elle qui indique qu’il s’agit bien d’une page web HTML et qu’elle est écrite en HTML5.
· La balise <html> : il s’agit de la balise principale du code. Elle définit un conteneur qui englobe tout le contenu de la page web. Cette balise est fermée à l’aide de la balise </ html> située à la dernière ligne du code. · La balise < html > : il s’agit de la balise principale du code. Elle définit un conteneur qui englobe tout le contenu de la page web. Cette balise est fermée à l’aide de la balise </ html> située à la dernière ligne du code.
La balise <head> : il s’agit d’une balise définissant le conteneur d’en-tête de la page. Ce conteneur donne des informations générales sur la page comme son titre (donné par la balise <title>), son encodage (donné par la balise <meta charset=... /> et utile pour la gestion de certains caractères), etc. La balise < head > : il s’agit d’une balise définissant le conteneur d’en-tête de la page. Ce conteneur donne des informations générales sur la page comme son titre (donné par la balise < title >), son encodage (donné par la balise < meta charset=... /> et utile pour la gestion de certains caractères), etc.
· Celles-ci ne sont pas affichées sur la page, mais sont extrêmement importantes puisqu’elles sont nécessaires au navigateur pour une bonne interprétation du code. · Celles-ci ne sont pas affichées sur la page, mais sont extrêmement importantes puisqu’elles sont nécessaires au navigateur pour une bonne interprétation du code.
· La balise <body> : il s’agit d’une balise définissant le conteneur du corps de la page. Ce conteneur contient tous les éléments qui seront affichés sur la page. · La balise < body > : il s’agit d’une balise définissant le conteneur du corps de la page. Ce conteneur contient tous les éléments qui seront affichés sur la page.
***Le conteneur d’en-tête*** ***Le conteneur d’en-tête***
@@ -101,13 +101,13 @@ La balise <head> : il s’agit d’une balise définissant le conteneur d’en-t
· Indiquez les lignes correspondantes au corps de la page web. · Indiquez les lignes correspondantes au corps de la page web.
· Modifiez <h1>Web</h1> en <h2>Web</h2>. Indiquez ce que vous observez sur la page web. · Modifiez le titre < h1 > Web en < h2 > Web. Indiquez ce que vous observez sur la page web.
· Dites comment mettre des mots en gras. Mettez en gras les mots HTML et CSS. · Dites comment mettre des mots en gras. Mettez en gras les mots HTML et CSS.
· Précisez quelle est la balise qui permet d’insérer une image. · Précisez quelle est la balise qui permet d’insérer une image.
· Indiquez à quoi peut servir la balise <span>. · Indiquez à quoi peut servir la balise < span >.
***Liaison CSS*** ***Liaison CSS***
@@ -119,11 +119,11 @@ La balise <head> : il s’agit d’une balise définissant le conteneur d’en-t
· Ouvrez le fichier style.css à l’aide de Notepad++. Précisez comment il est structuré. · Ouvrez le fichier style.css à l’aide de Notepad++. Précisez comment il est structuré.
· Modifiez le style CSS pour que les balises <h1> soient écrites en bleu. · Modifiez le style CSS pour que les balises < h1 > soient écrites en bleu.
· Indiquez à quoi correspondent les attributs width et height de la balise img. Expliquez comment les modifier pour que l’image soit un rectangle de taille 200 x100 pixels. · Indiquez à quoi correspondent les attributs width et height de la balise img. Expliquez comment les modifier pour que l’image soit un rectangle de taille 200 x100 pixels.
Les paragraphes sont créés avec les balises <p>. Les paragraphes sont créés avec les balises < p > .
· Essayez de modifier la couleur des paragraphes à l'aide du fichier CSS. · Essayez de modifier la couleur des paragraphes à l'aide du fichier CSS.