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 |
| web:bases:htmlcssjs [04/01/2023 21:00] – [HTML] laure | web:bases:htmlcssjs [05/01/2023 14:00] (Version actuelle) – [CSS] laure |
|---|
| <WRAP group> | <WRAP group> |
| <WRAP half column> | <WRAP half column> |
| <lead>C'est le langage qui décrit les pages web que nous consultons. </lead>Il consiste en une série de balisées qui structurent le contenu et le décrivent, permettant aux différents navigateur d'afficher les informations et les médias. | <lead>C'est le langage des pages web que nous consultons. </lead>Il consiste en une série de balisées qui structurent le contenu et le décrivent, permettant aux différents navigateur d'afficher les informations et les médias. Une page HTML se structure toujours de la même façon: ''HEAD'' contient les meta données et des ressources supplémentaires + ''BODY'' où on placera tout le contenu à afficher. |
| |
| Typiquement une page HTML se structure toujours de la même façon: ''HEAD'' contient les meta données et des ressources supplémentaires + ''BODY'' où on placera tout le contenu à afficher. | <button type="primary" size="lg" block="true" collapse="pagebase"> Voir le code |
| | <badge>Cliquez pour dérouler </badge></button> |
| |
| | <collapse id="pagebase" collapsed="true"> |
| | <badge> Télécharger le code en cliquant sur son titre en bleu : </badge> |
| |
| | <file html pageEx.html [enable_line_numbers="true"]> |
| | <!DOCTYPE html> |
| | <html lang="fr"> |
| | <head> |
| | <title>un titre</title> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, maximum-scale=5"> |
| | <meta name="description" content="une description du document" /> |
| | <link rel="stylesheet" href="des_styles.css"> |
| | </head> |
| | |
| | <body> |
| | ici tout le contenu à afficher |
| | </body> |
| | </html> |
| | |
| | </file> |
| | </collapse> |
| </WRAP> | </WRAP> |
| |
| <WRAP group> | <WRAP group> |
| <WRAP half column> | <WRAP half column> |
| | |
| | |
| | <WRAP group> |
| | <WRAP half column> |
| | |
| ===Ressources === | ===Ressources === |
| [[https://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html#selectors|Liste complète des sélecteurs W3C]] | [[https://www.w3.org/Style/css3-selectors-updates/WD-css3-selectors-20010126.fr.html#selectors|Liste complète des sélecteurs W3C]] |
| | </WRAP> |
| | |
| | <WRAP half column> |
| | === prises de tête === |
| | [[une image de fond format portrait]] |
| | </WRAP> |
| | </WRAP> |
| | |
| | |
| </WRAP> | </WRAP> |
| |