Différences

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

--- web [2024/03/02 14:01] – meo_NIM09014
+++ web [2024/04/07 04:24] – edn_alexandre.hainaut
@@ Ligne 1: / Ligne 1: @@
-====== Exercice SNT Défi ======
+====== Exercice SNT : la langage html ======
-===== __**Balises utilisées dans ce défi Web**__ =====
+===== Balises utilisées =====
+---------------------** ENTETE  DE LA PAGE**-----------------------
+  <head>.....</head>
+---------------------** CORPS DE LA PAGE**-----------------------
+  <body>.....</body>
-//**Balises à compléter/modifier dans l'en-tête <head>**//
+---------------------** TITRE DE L'ONGLET**-----------------------
-  <title></title>
+  <title>.....</title>
-  <link rel="icon" href="" type="image/x-icon" />
---------------------------------------------------
-//**Balises à ajouter et à modifier/compléter dans le corps de la page <body>**//
 ---------------------**TITRES**-----------------------
-  <h2></h2>
-  <h3></h3>
+  <h1>.....</h1>
+  <h2>.....</h2>
+  <h3>.....</h3>
----------------------**TEXTES**-----------------------
+---------------------**MISE EN FORME DU TEXTE**-----------------------
 __Saut de ligne:__
@@ Ligne 21: / Ligne 24: @@
 __Paragraphe:__
-  <p></p>
+  <p>.....</p>
 __Mise en évidence:__
-  <em></em>
+  <em>.....</em> (italique)
-  <strong></strong>
+  <strong>.....</strong>  (gras)
+  <u>.....</u> (souligné)
-__Liste à puces:__
+__Liste à puces numérotée:__
-  <ul></ul>
+  <ol>
-  <ol></ol>
+    <li>.....</li>
-  <li></li>
+    <li>.....</li>
+    <li>.....</li>
-__Lien Hypertexte__
+  </ol>
-  <a href="" title=""></a>
----------------------**MEDIAS**-----------------------
+__Liste à puces non numérotée:__
-  <img src="" alt="" />
+  <ul>
-//Propriétés utilisée pour cette balise:// width height border
+    <li>.....</li>
+    <li>.....</li>
+    <li>.....</li>
+  </ul>
-  <video controls src=""></video>
-//Propriétés utilisée pour cette balise:// width height border
-  <audio controls src=""></audio>
+__Lien Hypertexte (Lien de redirection)__
-//Propriétés utilisée pour cette balise:// width border
+  <a href="....." title="....."></a>
-==== Texte à insérer ====
+---------------------**INSERTION D'IMAGE**-----------------------
+  <img src="....." alt="....." width="....." height="....." border="....."/>
-**----le texte à insérer est ci-dessous----------------------------------------**
-Le défi consiste a créer la même page que celle que vous avez sous les yeux.
-Les textes et les différentes insertions vous seront fournies.
-Pour insérer un paragraphe il faudra utiliser la balise p.
-Insérer une image
-Pour insérer une image il faudra utiliser la balise img. En voici un exemple :
-Le lycée Jacques Ruffié
-Insérer une vidéo
-Pour insérer une vidéo il faudra utiliser la balise vidéo. En voici un exemple :
-Insérer un fichier audio
-Pour insérer un fichier audio il faudra utiliser la balise audio. En voici un exemple :
-Autres éléments
-Insérer une liste à puces
-Pour insérer une liste à puces non ordonnée.
-On va utiliser la balise ul
-Et les balises li
-Pour insérer une liste à puces ordonnée.
-On va utiliser la balise ol
-Et les balises li
-Insérer un lien hypertexte
-Pour insérer un lien hupertexte on utisera la balise a. En voici un exemple
-Mettre du texte en évidence
-La balise em permet de mettre du texte en italique, quant à la balise strong, elle permet de le mettre en gras.