Réponse :
(1) DOC 1. Ecrire le contenu de la page HTML tel qu'il s'afficherait sur un naviagateur.
"liste a puce.png" ou lien : https://jsfiddle.net/deiiku/dpL7a2f5/2/
(2) DOC 1. Compléter la page HTML en ajoutant le titre « La classe de premiére » au méme niveau que « Les Classes de Seconde »
"ajouter un titre.png" ou lien : https://jsfiddle.net/deiiku/dpL7a2f5/9/
3)DOC 2. Quel est le nom et la taille de la police
de caractére pour les titres de niveau 1
taille : 32px
nom de la police : merriweather
(4) DOC 3. Quelle différence constatez-vous entre
les deux versions du site Web et d'oui vient-elle ?
Quel changement aurait-il fallu faire pour afficher
le titre Le Web en taille 54
Le font size du H1 et du H2 sont different que le premier exemple, le background-color du body est different aussi.
modifier le style du H1 avec font-size:54px
(5) DOC 4. Vers quelle page pointe le lien
hypertexte « Nous contacter » ?
/formulaire.html
Explications :
(1) DOC 1. Ecrire le contenu de la page HTML tel qu'il s'afficherait sur un naviagateur.
Le comportement de la balise H1 : text en gras, la taille par defaut du text qui change, les element ne sont tienne plus sur la meme axe horizontal.
La balise H1 a un objectif en niveau du SEO pour que les moteur de recherche qui index les page web comprendre le sujet principale de la page. pour chaque numero H2 H3 H4 H5 H.. le titre n'est pas le sujet le fort de la page.
Pour mettre en avant du text uniquement est pas un titre de sujet il y a la balsie <strong>mon contenue </Strong>
Chaque navigateur a un css par défaut pour certaine balise.
Les propriétés css que le navigateur ajouter automatiquement au balise affecte l'affichage.
CSS de base de H1 default :
La propriété font-weight : bold:
Afficher le text en gras "Les chasses de seconde"
La propriété font-size :
affiche le text avec une taille de 2em (environ 32px)
La propriété display-block :
Les element dans le flux courant ne peuvent pas resté sur le meme l'axe horizontal que cette element.(grosomodo tout va a la ligne en desous de lui
La propriété margin :
exemple : margin : 10px:
l'effet de margin va poussé tout les élément autour de lui de 10 px
CSS de base de ul default :
display-block : meme chose que pour H1
margin : meme chose que pour H1
padding : Pouce les element qui sont a l'interieure de lui.
CSS de base de li default :
display : list-item : List-item mot-clé qui amène l'élément à générer un ::marker pseudo-élément avec le contenu spécifié par ses list-style.
::marke : la petite poule de la liste a puce
3)DOC 2. Quel est le nom et la taille de la police
de caractére pour les titres de niveau 1
la taille du titre et la police a été modifier via le css avec les propriete front-size et font-family
font-size : 32 px
font-family "merriweather", serif;
Le H1 utilise la police merriweather si la police n'est pas disponible elle utilise serif.
(4) DOC 3. Quelle différence constatez-vous entre
les deux versions du site Web et d'oui vient-elle ?
Quel changement aurait-il fallu faire pour afficher
le titre Le Web en taille 54
Le font size du H1 et du H2 sont different que le premier exemple, le background-color du body est different aussi.
modifier le style du H1 avec font-size:54px
(5) DOC 4. Vers quelle page pointe le lien
hypertexte « Nous contacter » ?
la balise <A> permet de creer un lien sur un autre site via la propriété href= suivie du lien.
si aucun lien est fournie la balise a envoye l'utilisateur sur le site actuelle
exemple du sujet :
<a href="formulaire html">
la balise a envoye sur la page formulaire.html du site actuelle
exemple fictif : <a href="unSiteQuelconque/formulaire.html">
envoye l'utilisateur le site : unSiteQuelconque sur la page formulaire.html
Conclusion : une page web sont ecrite avec des balise html, ces balise creer une structure de la page et posède un css par defaut donné par le navigateur, il est possible de modifier l'apparence de n'importe quel element via du css.
