Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:baseshtml [2021/08/11 10:09] – phil
+++ web:baseshtml [2022/11/14 07:54] (Version actuelle) – [Pour aller plus loin ...] phil
@@ Ligne 1: / Ligne 1: @@
-{{ :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 14/9/2020]
+[Mise à jour le 29/9/2022]
   * **Source**
@@ Ligne 9: / Ligne 9: @@
     * <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**
     * <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>
@@ Ligne 28: / Ligne 26: @@
   * 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//
-<code html *.htm>
+<code html *.html>
 <img src="images/firefox-icon.png" alt="Mon image test" />
 <!-- Cet élément contient deux attributs mais, les balises ouvrantes <img> et
@@ Ligne 37: / Ligne 35: @@
 n'y a aucun contenu interne. -->
 </code>
-==== 3. Anatomie d'une page Web ====
+=== 3. Anatomie d'une page Web ===
   * **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>
@@ Ligne 60: / Ligne 59: @@
   * **<title></title>** définit le titre de 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.
-<note important>**Règle 1** : écrire les **balises en minuscule**.</note>
+<callout type="warning" icon="true">**Règle 1** : écrire les **balises en minuscule**.</callout>
 //Exemple//
@@ Ligne 80: / Ligne 80: @@
 </code>
-<note important>**Règle 2** : toutes les balises ouvertes par //**<nom_balise>**// doivent être fermées par //**</nom_balise>**// sauf s’il s’agit d’une balise unique //**<balise_unique/>**// ou //**<balise_unique>**//.</note>
+<callout type="warning" icon="true">**Règle 2** : toutes les balises ouvertes par //**<nom_balise>**// doivent être fermées par //**</nom_balise>**// sauf s’il s’agit d’une balise unique //**<balise_unique/>**// ou //**<balise_unique>**//.</callout>
 //Exemple//
@@ Ligne 93: / Ligne 93: @@
 </code>
-<note important>**Règle 3** : Les **balises** doivent être correctement **imbriquées** et **indentées**.</note>
+<callout type="warning" icon="true">**Règle 3** : Les **balises** doivent être correctement **imbriquées** et **indentées**.</callout>
 //Exemple// \\ Dans le code ci-dessous, <h1></h1> est imbriquée avec <td></td>,  <tr> et <td> sont indentées.
@@ Ligne 106: / Ligne 106: @@
 </code>
-<note important>**Règle 4** : les **valeurs** des **attributs** doivent toujours figurer entre des **guillemets**.</note>
+<callout type="warning" icon="true">**Règle 4** : les **valeurs** des **attributs** doivent toujours figurer entre des **guillemets**.</callout>
 //Exemple// : UTF-8 est la valeur attribuée à l'attribut charset.
@@ Ligne 114: / Ligne 114: @@
 </code>
+=== 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>
+=== Pour aller plus loin ... ===
+  * <html><a href="https://espritweb.fr/liste-des-balises-html-faut-il-toutes-les-connaitre-la-reponse-est-non/" target="_blank">Les balises à connaître</a></html>