From 3b6ab5e8baf27726fe596176083da2539dea0332 Mon Sep 17 00:00:00 2001 From: Avrillon Samy Date: Fri, 24 Sep 2021 17:34:53 +0200 Subject: [PATCH] =?UTF-8?q?S=C3=A9ance=20du=2024=20septembre.=20Fin=20du?= =?UTF-8?q?=20HTML.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + HTML5.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ HTML6.md | 27 +++++++++++++++++++++++++++ HTML7.md | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ Latex01.md | 20 ++++++++++++++++++++ 5 files changed, 150 insertions(+) create mode 100644 HTML5.md create mode 100644 HTML6.md create mode 100644 HTML7.md create mode 100644 Latex01.md diff --git a/.gitignore b/.gitignore index 9b7aa38..24a28b3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,6 @@ *.pdf a.out test.html +test2.html test.c fichier1.txt diff --git a/HTML5.md b/HTML5.md new file mode 100644 index 0000000..2731ef8 --- /dev/null +++ b/HTML5.md @@ -0,0 +1,48 @@ +HTML 5 += + +### Exercice 1 +1. Un chemin absolu est un chemin pouvant être compris sans connaître le chemin du programme actuel, ou le chemin de la page actuellement chargée. Toute l'URL doit être spécifiée, par exemple `https://bernard.com.de/superadresse` + +Un chemin relatif s'exprime relativement au chemin du programme actuel. Par exemple, le chemin relatif `imgs/photo.png` pointera le fichier `https://bernard.com.de/imgs/photo.png` si il est lu depuis la page `https://bernard.com.de/superadresse`, et vers le fichier `https://bernard.com.de/section/imgs/photo.png` si il est lu depuis la page `https://bernard.com.de/section/index.php` + +2. Entre les pages d'un même site web, il faut privilégier les liens relatifs, plus robustes aux changements de noms de domaine, et aux multiples noms de domaine (une page hébergée sous `https://bernard.com.de` et sous `https://bernard.com`. + +### Exercice 2 +Les liens vers d'autres pages web sont ajoutés à l'aide des balises `a` avec l'argument `href` correspondant à la destination du lien. Le contenu de la balise sera la zone/texte affiché et cliquable. Par exemple: + +``` +Le site de bernard ! +``` + +### Exercice 3 +Une ancre est un lien pointant vers une zone spécifique d'une page. Par exemple, l'URL `https://bernard.com.de/index.php#nbp` ouvrira la page `index.php` rendant visible la balise avec `id=nbp`. + + +### Exercice 4 + +page1.html: +``` + + + + + Les cours de PROJ1, c'est bien ! + Artwork du pokémon Rondoudou +
+ Cliquez pour réveler le meilleur des pokémons (un indice est sur cette page) + + +``` + +test2.html: +``` + + + + + Le meilleur des pokemon c'est ????? RONDOUDOU BIEN SUR ! + + +``` + diff --git a/HTML6.md b/HTML6.md new file mode 100644 index 0000000..c0c0a3c --- /dev/null +++ b/HTML6.md @@ -0,0 +1,27 @@ +HTML 6 += + +### Exercice 1 +1. Pour une liste ordonée, il faut utiliser la balise `
    ` (pour ordered list) +2. Pour y mettre des éléments, il faut utiliser la balise `
  1. ` + +### Exercice 2 +1. Pour une liste non ordonée, il faut utiliser la balise `
      ` (pour unordered list) +2. Pour y mettre des éléments, il faut encore utiliser la balise `
    • ` + +### Exercice 3 +1. Une liste de définitions est une liste de couple (terme,definition) où chaque définition est associée au terme. +2. La liste est créée grâce à la balise `
      ` (pour definition list) +3. Et les éléments sont dans des balises `
      ` pour les termes, et `
      ` pour les définitions. + +### Exercice 4 +1. Le type de numérotation peut être changé grâce à l'attribut `type`, qui peut prendre les valeurs suivantes (les caractères en gras sont les valeurs à rentrer dans le champ): + - **a**,b,c,d,... + - **A**,B,C,D,... + - **i**,ii,iii,iv,v,vi,... + - **I**,II,III,IV,V,VI,... + - **1**,2,3,4,5 (par défaut) + +2. Les formes des puces peut être changé avec l'attribut `type` encore, et peut prendre les valeurs `circle`, `disk` et `square` plus d'autres valeurs non officielles. + + diff --git a/HTML7.md b/HTML7.md new file mode 100644 index 0000000..4212a31 --- /dev/null +++ b/HTML7.md @@ -0,0 +1,54 @@ +HTML 7 += + +### Exercice 1 +1. En HTML, les formulaires sont délimités par les balises `
      `. +2. L'attribut `action` spécifie l'URL de destination des données, lors de l'envoi du formulaire. L'attribut `method` spécifie la manière d'envoyer les données. Classiquement `method="get"` envoie les données directement dans l'URL d'appel, et `method="post"` envoie les données au serveur par methode `POST`, c'est à dire dans les métadonnées de requête. + +### Exercice 2 +1. Un champ de texte monoligne est ajouté grâce à la balise `` avec l'attribut `type` défini à `text`. Les champs de textes multiligne sont générés par les balises `