Mettre en forme avec une feuille de style
Appréhender la notion de balise
- Les feuilles de style font référence aux balises HTML. Ces balises sont les éléments qui permettent de définir l’architecture de la page.
- Balise "Paragraphe", propriété "Couleur", valeur "vert"
- Une balise à des propriétés auxquelles on attribue une valeur
Identifier les principales balises
Document
- <html></html> : document html
- <body></body> : corps du document
Titres
- <h1></h1> : titre 1er niveau
- <h2></h2> : titre 2ème niveau
- <h3></h3> : titre 3ème niveau (... et ainsi de suite jusqu’à 6)
Éléments de texte
- <p></p> : paragraphe
- <ul></ul> : liste à puce
- <ol></ol> : liste numérotée
- <li></li> : élement d’une liste
- <a href=""></a> : lien hypertexte
Tableau
- <table></table> : tableau
- <th></th> : légende de ligne ou de colonne
- <td></td> : cellule d’un tableau
- <th></th> : Cellule d’en tête d’un tableau
- <tr></tr> : ligne d’un tableau
Positionnement
- <div></div> : définition de bloc
Manipuler les balises de titres
Tous les titres h2 seront en vert
- Dans l’éditeur CSS de NVU, votre feuille de style est chargée
- Règle / Style appliquer à tous les éléments d’un type = H2
- Créer la règle de style
- Police, couleur = (choisir un vert)
Tous les titres h1, h2, h3 auront un fond vert pale
- Règle / Style appliquer à tous les éléments d’un type = h1, h2, h3
- Créer la règle de style
- Fond, couleur = (choisir un vert pale)
Manipuler les éléments d’un tableau
Toutes les bordures des pourtour de tableau seront en bleu
- Créer un tableau
- Règle / Style appliquer à tous les éléments d’un type = Table
- Créer la règle de style
- Bordures...
Toutes les bordures de cellules seront en rouge
- Règle / Style appliquer à tous les éléments d’un type = td
- Créer la règle de style
- Bordures
