Différences

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

--- isn:html1 [2020/05/11 15:07]
techer.charles_educ-valadon-limoges.fr
+++ isn:html1 [2020/05/11 15:56] (Version actuelle)
techer.charles_educ-valadon-limoges.fr [La page d'accueil index.html]
@@ Ligne 5: / Ligne 5: @@
 Sur le site https://trinket.io/, tu peux créer des pages Web et découvrir les principes de base des langages HTML et CSS.
-Dans l'exemple ci-dessous, tu visualises** à gauche le code HTML** d'une page qui s'appelle **index.html** et **à droite le résultat** obtenu :
+Dans l'exemple ci-dessous, tu visualises** à gauche le code HTML** d'une page qui s'appelle **index.html** et **à droite le résultat** obtenu.
 <html>
 <iframe src="https://trinket.io/embed/html/bf7b627d58" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
@@ Ligne 12: / Ligne 12: @@
   * **Modifie** le contenu du **fichier index.html** : dans la partie de gauche, change ce qui est écrit (le code HTML) plaçé entre les balises **<body>** et **</body>** pour avoir le résultat suivant :
   * remplace la phrase **Titre de ma page** par **Je découvre le langage HTML** ;
-  * remplace la phrase **Sous-titre de ma page** par **Thème SNT sur le Web** ;
+  * remplace la phrase **Sous-titre de ma page** par **Thème sur le Web** ;
 Voici ce que tu dois obtenir et **visualiser** :
@@ Ligne 54: / Ligne 54: @@
-Il existe aussi des balises qui sont **à la fois ouvrantes et fermantes**. C'est le cas pour la balise image qui permet de mettre une image dans une page Web.
+Il existe aussi des balises qui sont **à la fois ouvrantes et fermantes**. C'est le cas pour la balise **image** qui permet de mettre une image dans une page Web.
   * Voici une balise image qui affiche le **logo** du lycée Valadon dans la page index.html :
@@ Ligne 68: / Ligne 68: @@
 </code>
+<WRAP center round info>
+La balise **%%<br/>%% est utilisée seule et permet d'avoir un **saut de ligne*.
+</WRAP>
 ==== Question 2 ====
   * **Modifie** le contenu du **fichier index.html** pour ajouter l'affichage de cette image :
@@ Ligne 75: / Ligne 78: @@
 Voici ce que tu dois **visualiser** :
-{{ :isn:trinket_02.png |}}
+{{ :isn:trinket_02.png?400 |}}
 ===== La balise a =====
@@ Ligne 92: / Ligne 95: @@
 Voici ce que tu dois **visualiser** :
-{{ :isn:trinket_02.png |}}
+{{ :isn:trinket_03.png |}}
 Il existe beaucoup d'attributs différents, mais dans la suite des activités, vous allez utiliser 2 attributs utiles pour le CSS :
   * l'attribut **id** (id pour identifiant)
   *  et l'attribut **class**.
-===== Le résultat avec Trinket.io =====
-<html>
-<iframe src="https://trinket.io/embed/html/bf7b627d58" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>
-</html>
 ===== Les premières balises utile pour le HTML =====

Les cours du BTS SIO

Outils pour utilisateurs

Outils du site

Différences

Outils de la page