HTML

S’il est bien un domaine qui m’ennuie dans la programmation web, c’est la mise en page et le design. Jusqu’ici, par exemple, je faisais mes formulaires dans des tableaux. C’était pratique et tout de suite bien aligné. Mais c’est pas web 2.0, html5, … bref, has been. Voici comment on s’en sort en suivant diverses recommandations trouvées sur le web.
Le but : mettre en page un bête formulaire d’authentification : identifiant, mot de passe, bouton.
Avant, ça donnait ça : Identifiant : (...)

Les div sont assez pratiques pour faire du contenu dynamique : redimensionnement, afficher/cacher, ...
Leur balise est "div" et on met tout ce qu’on veut dedans.
Avec l’apparition de frameworks javascript tels que jQuery, on peut à peu près tout faire avec un div.
Positionnement et présentation Commençons par la base : comment placer un div où l’on veut. On a cinq possibilités : position:inherit => idem que le parent position:static (par défaut) => se positionne par rapport à l’élément qui le (...)

La base de HTML : les balises.
Tout votre contenu doit être là dedans.
L’entête (en général, le titre et du code qui ne doit pas s’afficher)
Le titre de la page (dans la barre de titre)
Le corps de la page
Très gros titre
Très gros titre
Gros titre
Gros titre
Moins gros titre
Moins gros titre
Titre
Titre
Petit titre
Petit titre
Très petit titre
Très petit titre
Un paragraphe.
Un paragraphe.
La structure de votre page doit ressembler à ça :
< !DOCTYPE HTML PUBLIC "-//W3C//DTD (...)

Les balises des tableaux sont <table> pour le tableau
<th> pour l’entête
<tr> pour les lignes
<td> pour les cellules
Différents styles : border=1
border=1 style=’border-spacing:0’