| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| web:baseshtml [2022/11/14 07:52] – [5. Chemins relatifs et chemins absolus] phil | web:baseshtml [2025/06/19 20:02] (Version actuelle) – mno |
|---|
| [[web:accueilweb|{{ :iconemaison.jpg?nolink&25|Sommaire Web}}]] | [[web:accueilweb|{{ :iconemaison.jpg?nolink&25|Sommaire Web}}]] |
| |
| ==== WEB - Les bases du HTML ==== | ===== WEB - Les bases du HTML ===== |
| |
| [Mise à jour le 29/9/2022] | [Mise à jour le 19/6/2025] |
| |
| * **Source** | * **Source** |
| * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML" target="_blank">Les bases de HTML</a></html> | * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML" target="_blank">Les bases de HTML</a></html> |
| |
| <callout type="primary" icon="true">"//Pour développer un site web, la première chose à faire est de maîtriser le langage structurant les pages, le HTML//((Apprendre le développement WEB au lycée - Cyprien Accard - ellipses))".</callout> | ---- |
| |
| === 1. Définition === | <callout type="primary" icon="true">"//Pour développer un site web, la première chose à faire est de maîtriser le **langage structurant** les pages, le HTML//((Apprendre le développement WEB au lycée - Cyprien Accard - ellipses))".</callout> |
| | |
| | |
| | |
| | ==== 1. Définition ==== |
| |
| <callout type="primary" icon="true">**HyperText Markup Language** (HTML) est le code utilisé pour structurer une page web et son contenu.</callout> | <callout type="primary" icon="true">**HyperText Markup Language** (HTML) est le code utilisé pour structurer une page web et son contenu.</callout> |
| |
| === 2. Anatomie d'un élément HTML === | ==== 2. Anatomie d'un élément HTML ==== |
| * **Source** | * **Source** |
| * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML" target="_blank">Les bases de HTML</a></html> | * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML" target="_blank">Les bases de HTML</a></html> |
| </code> | </code> |
| |
| === 3. Anatomie d'une page Web === | ==== 3. Anatomie d'une page Web ==== |
| * **Source** | * **Source** |
| * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML" target="_blank">Les bases de HTML</a></html> | * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML" target="_blank">Les bases de HTML</a></html> |
| * **<body></body>** contient le contenu affiché sur la page. | * **<body></body>** contient le contenu affiché sur la page. |
| |
| === 4. Le bon usage des balises (pour un document syntaxiquement bien formé) === | ==== 4. Le bon usage des balises (pour un document syntaxiquement bien formé) ==== |
| Quelques règles simples sont à respecter lors de l’écriture des balises HTML. | Quelques règles simples sont à respecter lors de l’écriture des balises HTML. |
| |
| </code> | </code> |
| |
| === 5. Chemins relatifs et chemins absolus === | ==== 5. Chemins relatifs et chemins absolus ==== |
| Voir : <html><a href="https://www.alsacreations.com/astuce/lire/78-Quelle-est-la-difference-entre-les-chemins-relatifs-et-absolus-.html" target="_blank">Quelle est la différence entre les chemins relatifs et absolus ?</a></html> | Voir : <html><a href="https://www.alsacreations.com/astuce/lire/78-Quelle-est-la-difference-entre-les-chemins-relatifs-et-absolus-.html" target="_blank">Quelle est la différence entre les chemins relatifs et absolus ?</a></html> |
| |
| === Pour aller plus loin ... === | ==== Pour aller plus loin ... HTML5 ==== |
| | * <html><a href="https://www.alsacreations.com/article/lire/1376-html5-section-article-nav-header-footer-aside.html" target="_blank">HTML5 : Nouveaux éléments de structures</a></html> |