Outils pour utilisateurs

Outils du site


isn:html1

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
isn:html1 [2020/05/11 15:10]
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. 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> <html>
 <iframe src="https://trinket.io/embed/html/bf7b627d58" width="100%" height="600" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe> <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 :   * **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 **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** : Voici ce que tu dois obtenir et **visualiser** :
Ligne 78: Ligne 78:
  
 Voici ce que tu dois **visualiser** : Voici ce que tu dois **visualiser** :
-{{ :isn:trinket_02.png |}}+{{ :isn:trinket_02.png?400 |}}
  
 ===== La balise a ===== ===== La balise a =====
Ligne 101: Ligne 101:
   * l'attribut **id** (id pour identifiant)   * l'attribut **id** (id pour identifiant)
   *  et l'attribut **class**.    *  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 premières balises utile pour le HTML =====
isn/html1.1589202654.txt.gz · Dernière modification: 2020/05/11 15:10 de techer.charles_educ-valadon-limoges.fr