This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
2013_2014:s1:docweb:approfondissementhtml:start [2013/12/04 08:10] blay [Placements relatifs] |
2013_2014:s1:docweb:approfondissementhtml:start [2014/02/04 14:50] (current) blay [Les liens hypertextes] |
||
---|---|---|---|
Line 46: | Line 46: | ||
Si le document ciblé //(par exemple, index.html)// se trouve dans un répertoire au dessus à que celui où l'on est: vous pouvez y faire référence par | Si le document ciblé //(par exemple, index.html)// se trouve dans un répertoire au dessus à que celui où l'on est: vous pouvez y faire référence par | ||
<code> <a href="../index.html">..</a> </code> | <code> <a href="../index.html">..</a> </code> | ||
+ | |||
+ | |||
+ | Pour tester les liens de votre page web : [[http://validator.w3.org/checklink|Link Checker]] | ||
==== Lien vers un endroit précis d'une page ==== | ==== Lien vers un endroit précis d'une page ==== | ||
Line 197: | Line 200: | ||
* [[http://www.w3schools.com/cssref/pr_border-collapse.asp|border-collapse]] | * [[http://www.w3schools.com/cssref/pr_border-collapse.asp|border-collapse]] | ||
- | * une nouvelle de CSS3 nth-child(exp) pour avoir le nieme enfant, on peut spécifier paire, impaire ... très pratique pour | + | * Vous pouvez tester la nouvelle balise de CSS3 nth-child(exp) pour avoir le nieme enfant: |
- | sélectionner des lignes dans un tableau. | + | * vous pouvez spécifier paire, impaire ... très pratique pour sélectionner des lignes dans un tableau. |
===== Structure d'une page web html5 ===== | ===== Structure d'une page web html5 ===== | ||
Line 316: | Line 319: | ||
</box> | </box> | ||
- | ===== Animations ===== | + | ===== Transformations, Translations, Animations, ... ===== |
Line 417: | Line 420: | ||
* a:hover {color:red;} | * a:hover {color:red;} | ||
* a:active {color:yellow;} | * a:active {color:yellow;} | ||
+ | * Comment forcer l'affichage d'un tableau à respecter les dimensions qu'on lui a donné ? | ||
+ | * Comment centrer un texte? | ||
+ | * Comment forcer les cellules d'un tableau à partager des bordures communes? non communes? | ||
+ | * A quoi sert un identifiant? une classe? | ||
+ | * A quoi sert l'attribut "float"? | ||
+ | * Que signifie : <code>li:nth-child(even) { color: green; }</code> | ||
</box> | </box> | ||
===== Références ===== | ===== Références ===== | ||
[[http://cinema-series.orange.fr/evenement/treme/|Un très beau site]] | [[http://cinema-series.orange.fr/evenement/treme/|Un très beau site]] |