[[web:accueilweb|{{ :iconemaison.jpg?nolink&25|Sommaire Web}}]]
==== WEB - Les bases du HTML ====
[Mise à jour le 29/9/2022]
* **Source**
* MDN web doc
* Les bases de HTML
"//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 ===
**HyperText Markup Language** (HTML) est le code utilisé pour structurer une page web et son contenu.
=== 2. Anatomie d'un élément HTML ===
* **Source**
* Les bases de HTML
* Exemple
{{ :web:chat-grincheuxl.png?nolink&400 |}}
* Les éléments peuvent avoir des "**attributs**"
{{ :web:attribut-chat-grincheux.png?nolink&400 |}}
* Les éléments **vides**
Certains éléments n'ont **pas de contenu**. Ces éléments sont appelés **éléments vides**.
//Exemple//
=== 3. Anatomie d'une page Web ===
* **Source**
* Les bases de HTML
Ma page de test
* **** précise que la page est en HTML5.
* **** encadre tout le contenu de la page.
* **** contient les éléments qui ne sont pas du contenu (mots-clés, description de la page pour les moteurs de recherche, etc.).
* **** définit le jeu de caractères utilisé par le document.
* **** définit le titre de la page.
* **** contient le contenu affiché sur la page.
=== 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.
**Règle 1** : écrire les **balises en minuscule**.
//Exemple//
Exemple de tableau
**Règle 2** : toutes les balises ouvertes par //****// doivent être fermées par //****// sauf s’il s’agit d’une balise unique //****// ou //****//.
//Exemple//
**Règle 3** : Les **balises** doivent être correctement **imbriquées** et **indentées**.
//Exemple// \\ Dans le code ci-dessous, est imbriquée avec | , et sont indentées.
Le secret de la licorne |
**Règle 4** : les **valeurs** des **attributs** doivent toujours figurer entre des **guillemets**.
//Exemple// : UTF-8 est la valeur attribuée à l'attribut charset.
|