User Tools

Site Tools


2015_2016:s1:webdoc:td1

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
2015_2016:s1:webdoc:td1 [2015/10/27 10:45]
urli
2015_2016:s1:webdoc:td1 [2015/11/02 15:00]
urli [Présentez-vous]
Line 251: Line 251:
 {{ :​2013_2014:​s1:​docweb:​html:​capture-d-ecran-2013-07-22-a-18.27.24.png? ​ |}} {{ :​2013_2014:​s1:​docweb:​html:​capture-d-ecran-2013-07-22-a-18.27.24.png? ​ |}}
 </​box>​ </​box>​
-===== Autres balises ===== 
-Extrait de cours de Gaëtan Rey 
  
- 
-{{ :​2013_2014:​s1:​docweb:​html:​balises.png?​600 |}} 
  
 =====  XHTML =====  =====  XHTML ===== 
Line 268: Line 264:
   * Chaque attribut doit avoir une valeur (pas d'​attribut vide comme checked, qui doit être écrit //​checked="​checked"//​).   * Chaque attribut doit avoir une valeur (pas d'​attribut vide comme checked, qui doit être écrit //​checked="​checked"//​).
   * Les éléments HTML doivent être correctement imbriqués ​   * Les éléments HTML doivent être correctement imbriqués ​
-<code html>​(<​strong><​span>​contenu</​span></​strong> et pas +<code html>​(<​div><​span>​contenu</​span></​div> et pas 
-<strong><​span>​contenu</​strong></​span>​).+<div><​span>​contenu</​div></​span>​).
 </​code>​ </​code>​
 <note tip>​USAGE : la plupart des développeurs web professionnels utilisent XHTML. </​note>​ <note tip>​USAGE : la plupart des développeurs web professionnels utilisent XHTML. </​note>​
Line 276: Line 272:
 </​box>​ </​box>​
 <note warning>​A partir de maintenant vous ne coderez plus qu'en XHTML</​note>​ <note warning>​A partir de maintenant vous ne coderez plus qu'en XHTML</​note>​
 +
 +=====  HTML5 =====
 +
 +Référence : https://​www.vectorskin.com/​balises-html5/​
 +
 +HTML5 propose de nouvelles balises pour enrichir encore plus vos pages web. 
 +Vous pouvez ainsi insérer des éléments audio ou vidéo dans vos pages. ​
 +Ou encore créer des formulaires avec la possibilité de choisir un nombre, une date etc. 
 +
 =====  Fichier par défaut =====  =====  Fichier par défaut ===== 
 Quand un serveur reçoit une requête pour un nom de répertoire à la place d'un nom de fichier précis, il regarde s'il existe un document qui s'​appelle //​index.html//​((le nom du fichier dépend en fait de la configuration du serveur, index.html est un nom courant)) et en renvoie le contenu au navigateur qui va l'​afficher. Quand un serveur reçoit une requête pour un nom de répertoire à la place d'un nom de fichier précis, il regarde s'il existe un document qui s'​appelle //​index.html//​((le nom du fichier dépend en fait de la configuration du serveur, index.html est un nom courant)) et en renvoie le contenu au navigateur qui va l'​afficher.
Line 292: Line 297:
 [[http://​www.w3.org/​TR/​html5/​text-level-semantics.html#​the-cite-element|Pour en savoir plus sur les balises]] [[http://​www.w3.org/​TR/​html5/​text-level-semantics.html#​the-cite-element|Pour en savoir plus sur les balises]]
  
-<box round rgb(185,​211,​238) rgb(220,​226,​255) 95%|A Faire & **A Rendre** (Pour ce TD, seule cette partie du travail est à rendre):  >+<box round rgb(185,​211,​238) rgb(220,​226,​255) 95%|A Faire :  >
   * Créer un fichier sous ''​WEB'',​ ''​index.html'',​ il contiendra votre page personnelle. Puisque vous travaillez peut-être à deux sur la même machine, un seul fichier est créé par binôme. Mais au prochain TD, vous devrez construire éventuellement par copier/​modifier la page du deuxième membre du binôme.   * Créer un fichier sous ''​WEB'',​ ''​index.html'',​ il contiendra votre page personnelle. Puisque vous travaillez peut-être à deux sur la même machine, un seul fichier est créé par binôme. Mais au prochain TD, vous devrez construire éventuellement par copier/​modifier la page du deuxième membre du binôme.
 Pour l'​instant,​ votre page doit contenir au moins les éléments suivants :  Pour l'​instant,​ votre page doit contenir au moins les éléments suivants : 
2015_2016/s1/webdoc/td1.txt · Last modified: 2016/08/02 14:09 by urli