Accueil

Traduction

Tutoriel HTML - sommaire

Tutoriel HTML5 - recherche

L'auteur : Patrick Darcheville

Vous pouvez me contacter via Facebook pour questions & suggestions : Page Facebook relative à mon site

Tutoriel HTML5

HTML est incontournable en matière de développement web.
Même si vous développez avec des langages "côté serveur" comme PHP ou Python, les templates seront encodés en HTML. Un HTML éventuellement enrichi ...

Le présent tuto rappelle dans les premiers chapitres ce qu'était le HTML version 4 et ses limites. Il était alors impossible de manipuler les fichiers audio et vidéo en HTML (obligation d'utiliser Flash), seul l'affichage du site sur un seul type d'écran était possible, etc.
Les débutants en HTML ont intérêt à lire les pages "révisions HTML4" dans ce tuto car ce qui y est écrit est toujours valide pour la version 5.
Pour les visiteurs complètement ignorants en HTML & CSS, je leur conseille de visiter d'abord le tuto (dans le même site) : Débuter en programmation web (HTML,CSS & PHP)

Applications et animations HTML5 & CSS3

Une application : la boite à couleurs

Composez de belles couleurs grâce à cette application. Cette application communique aussi le code RGBA de la couleur que vous avez composée.
Vous pourrez argumenter dans vos feuilles de style, les propriétés CSS backgroud-color, color, border-color avec ce code RGBA.

Grâce à cette application vous pouvez composer une couleur et obtenir le code RGBA correspondant.

Déplacer les quatre curseurs pour composer une couleur personnalisée !

La couleur correspondante :

Ci-dessus le code RGBA de la couleur produite (à utiliser comme valeur des propriétés background, color, border-color, etc.)

Le code se résume à un formulaire HTML utilisant de nouveaux types de la balise INPUT et un script jQuery.
Le code correspondant à cette application

Une animation

Toujours pas de script mais seulement du HTM & CSS.

Mon site comprend bien sûr un tutoriel CSS3 : Tuto CSS3

HTML 5 : une liste impressionnante d'innovations et de simplifications

Mais la norme HTML 5 c'est aussi un enrichissement notable de son langage de programmation (le JavaScript) avec de nouvelles API proposées opar le W3C (W3C : instance internationale de normalisation de la programmation web).
Citons entre autres : Canvas, geolocation, Webstorage, Drag & drop, etc.
Compte tenu de son importance, l'API Canvas fait l'objet d'un tuto dédié : API Canvas pour dessiner dans une page
Ces API sont donc implémentées par les versions récentes des différents navigateurs.

Dans le cadre de ce tuto j'évoque aussi certaines API non implémentées par les navigateurs mais qui peuvent s'avérer fort utiles, pour ne pas "réinventer la roue". La plupart sont proposées par Google.

Des API tierces qui peuvent être utiles