This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
2015_2016:s1:webdoc:td1 [2015/10/27 10:45] urli |
2015_2016:s1:webdoc:td1 [2016/08/02 14:09] urli |
||
---|---|---|---|
Line 200: | Line 200: | ||
Une //cellule de contenu// est créée par la balise conteneur ''<td>''. | Une //cellule de contenu// est créée par la balise conteneur ''<td>''. | ||
- | Pour donner un titre à un tableau, il faut utiliser la balise ''<caption>''. | + | Pour donner un titre à un tableau, il faut utiliser la balise ''caption''. |
<code html> | <code html> | ||
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 : |