Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révisionLes deux révisions suivantes |
web:baseshtml [2021/08/11 10:09] – phil | web:baseshtml [2022/09/16 17:16] – [2. Anatomie d'un élément HTML] phil |
---|
{{ :suivant.png?nolink&30|}} {{ :retour.png?nolink&30|}} [[web:accueilweb|{{ :iconemaison.jpg?nolink&30|Sommaire Web}}]] | [[web:accueilweb|{{ :iconemaison.jpg?nolink&25|Sommaire Web}}]] |
| |
===== Les bases du HTML ===== | ==== WEB - Les bases du HTML ==== |
| |
[Mise à jour le 11/8/2021] | [Mise à jour le 11/8/2021] |
* <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> |
| |
=== REMARQUE PRÉALABLE === | <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> |
| |
//"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)). | === 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> |
| |
==== 1. Définition ==== | === 2. Anatomie d'un élément HTML === |
<note>**HyperText Markup Language** (HTML) est le code utilisé pour structurer une page web et son contenu.</note> | |
| |
==== 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> |
| |
* Les éléments **vides** | * Les éléments **vides** |
<note>Certains éléments n'ont **pas de contenu**. Ces éléments sont appelés **éléments vides**. </note> | <callout type="primary" icon="true">Certains éléments n'ont **pas de contenu**. Ces éléments sont appelés **éléments vides**.</callout> |
| |
//Exemple// | //Exemple// |
n'y a aucun contenu interne. --> | n'y a aucun contenu interne. --> |
</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> |
* **<title></title>** définit le titre de la page. | * **<title></title>** définit le titre de la page. |
* **<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. |
| |