Apprendre le HTML5 – Tutoriel Complet
Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Chaque point détaillé est inclus dans un exemple concret et certains sont accompagné de démo consultable en ligne.
L’ensemble du cours – en constante évolution - est accessibles à tous quelque soit votre niveau :
Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum.
Introduction au HTML5
Maintenant que vous savez à quoi ressemble le HTML5 et ce qu’on peut faire avec, passons aux choses sérieuses.
Nous allons commencer a créer nos premières pages web.
Voici les bases des langages de développement web HTML et CSS. Elles vous seront utiles pour mieux les comprendre, quelque soit leur version.
Les bases du HTML5 et du CSS3
- Le Doctype d’une page web
- Syntaxe et lexique (élément, balise, sélecteur …)
- L’en-tête et le corps d’un document HTML5
- Les liens hypertext
- Liste des balises, évènements et attibuts
- Liste de toutes les balises HTML5
- Liste des évènements HTML5
- Liste des attributs
- Aide mémoire
- Mémo ou aide-mémoire de l’ensemble des balises HTML5
- Chapitre complémentaire
- Hiérarchisation et DOM d’une page web
- Redirection : Le guide du fichier HTAccess
La transition du HTML 4.01 au HTML5 apporte son lot de modifications : de nouveaux éléments sont apparus et d’autres sont devenus obsolètes ou inappropriés. Découvrez les nouveaux outils à votre disposition et maitrisez toute la puissance du HTML5. Il est temps de mettre à jour vos connaissances.
Avant d’aborder les chapitres suivants, assurez-vous d’avoir lu et compris les chapitres 1 et 2 : les bases du HTML5.
Les nouveautés du HTML5
- Améliorer votre sémantique : Les solutions alternatives aux balises <div>
- Les nouveaux éléments pour vos formulaire en HTML5
- Comment bien utiliser l’attribut Placeholder
- Lecture d’un fichier .mp3 ou audio en HTML5
- Votre site disponible Hors-ligne grâce au Cache
- Tableau récapitulatif
- Tableau récapitulatif de compatibilité des Balises et Doctypes : xHTML, HTML 4.01 et HTML5
- Tableau récapitulatif des nouvelles balises en HTML5
- Chapitre complémentaire
- Démo : Un Formulaire complet en HTML5 (calendrier, couleur … )
Le HTML et le CSS sont deux langages complémentaires. Comme nous l’avons vu dans les chapitres précédent, le HTML structure et hiérarchise vos informations tandis que le CSS effectue leur mise en page. A l’instar du HTML5, cette nouvelle version de feuille de style appelé CSS3 apporte elle aussi son lot de nouveautés.
Aller plus loin avec le CSS3 et le WebDesign
- Réaliser un Favicon pour votre site web
- 18 Exemple de boutons en CSS3 inspiré par Google
- Appliquer un effet de reflet sur une image en CSS3
- Appliquer un ombrage sur un texte ou un titres
- Créer des Lignes diagonales en CSS3
- Utiliser les différentes polices de caractères offerte par Google Web fonts
- Les secrets du succès d’un webdesigner sont dans les détails
Ce chapitre complémentaire vous aidera à approfondir vos connaissances. Apprenez à coder proprement vos documents, découvrez nos conseils et astuces sur le thème du HTML5. Bonne lecture !
Chapitres complémentaires
Un Problème ? une Question ... une Solution !
- Une incompréhension avec cet article ? Un problème de développement ?
- PTQ, Pose ta Question, est un site d'entre-aide pour webMasters
- Quelque soit votre niveau ou le thème de votre question :
- Langage Web - HTML5 - CSS3 - PHP - Référencement - Réseaux soc. - Wordpress





