Cours pdf de HTML 5 et CSS avec exercices corrigés

15 chapitres à decouvrir dans le cours .

Plan de cours

• Introduction à HTML5
• Généalogie de HTML5
• Les éléments, balises et attributs
• Les attributs de base de HTML
• Intérêt de la sémantique
• Règles de base HTML5
• Un document bien formé
• Un document conforme
• Validation d’un document : le label du WHATWG et W3C
• L’environnement de travail
• Les éditeurs visuels
• Les éditeurs classiques
• Tests et mise en place du site
• Référencement du site
• VI HTML5 et CSS3
• Structure d’un document HTML5
• Les éléments de base
• La déclaration DOCTYPE
• L’élément racine
• L’en-tête d’un document
• Les commentaires
• Les méta-informations
• Le corps du document
• Exercices
• Structurer le contenu d’une page
• Les grandes divisions de la page
• Les nouveaux éléments HTML5
• Les divisions secondaires
• Les titres et groupes de titres
• Les paragraphes : l’élément
• Les articles et les sections
• Les divisions de bloc locales
• Les éléments des divisions sémantiques du texte
• Les styles physiques
• Mettre un texte en gras
• Mettre un texte en italique
• Modifier la taille du texte
• Créer des exposants et des indices
• Afficher du texte dans une police à espacement fixe
• Créer un retour à la ligne
• Surligner un texte
• Les listes
• Les listes ordonnées
• Les listes non ordonnées
• L’élément de menu
• Les listes imbriquées
• Les listes de définitions
• Exercices
• Insérer des images et du multimédia
• Les types d’images
• L’insertion d’images
• Titre d’une image
• Les images réactives
• L’insertion d’images en tant qu’objets
• Images et boutons
• L’insertion du multimédia
• L’insertion d’une animation Flash en HTML5
• L’insertion d’une vidéo avant HTML5
• L’insertion d’une vidéo en HTML5
• L’insertion d’éléments audio avant HTML5
• L’insertion d’éléments audio en HTML5
• L’insertion d’une applet Java
• Jauges et barre de progression
• Exercices
• Créer des liens
• Les liens à partir d’un texte
• Les liens externes
• Les liens ciblés : les ancres
• Lien à partir d’une image ou d’un bouton
• Créer plusieurs liens sur la même image
• Lien déclenchant l’envoi d’un e-mail
• Les liens déclenchant un script JavaScript
• Exercices
• Créer des tableaux
• La structure générale d’un tableau
• Créer des groupes de lignes et de colonnes
• Les groupes de lignes
• Les groupes de colonnes
• Créer des tableaux irréguliers
• Fusion de colonnes
• Un cas particulier de fusion de colonnes
• Fusion de lignes
• Imbrication de tableaux
• Organisation d’une page à l’aide de tableaux
• Exercices
• Créer des formulaires
• Structure d’un formulaire
• Les attributs de l’élément
• Les composants communs
• Bouton d’envoi et de réinitialisation
• Les composants de saisie d’informations
• La saisie d’une ligne de texte
• La saisie de mot de passe
• La saisie de texte long
• La saisie d’adresse e-mail
• La saisie de numéro de téléphone
• La saisie d’URL
• La saisie de l’heure, la date, la semaine, le mois
• La saisie des nombres
• Choisir une couleur
• Le composant de recherche
• Les boutons radio et les cases à cocher
• Les listes de sélection
• Les champs cachés
• Le transfert de fichiers
• Un formulaire complet
• Organisation des formulaires à l’aide de tableaux

Profitez de ce manuel de formation en PDF pour comprendre mieux le HTML5 et enrichir votre connaissance.

Commencez à télécharger ce cours adapté pour vous et à apprendre HTML5.

XIII Table des matières Les .puces .graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 440Les .listes .mixtes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442 Affichage des listes en ligne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .444 Affichage d’éléments divers sous forme de liste . . . . . . . . . . . . . . . . . . . . . . . .446 Exercices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 449 CHAPITRE 15 Compléments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .451 Les Media Queries CSS 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .451Cibler .un .média .précis .et .adapter .les .styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .451Mise .en .pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453L’impression .du .contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457 Stockage local de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .466Enregistrement .des .données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467Effacement .des .données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 469Une .application .de .gestion .de .contacts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470 Dessin vectoriel SVG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .473Inclusion .dans .le .code .HTML 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473Les .formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 474Le .texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 477 Exercices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .480 ANNEXE A Référence des éléments HTML 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .483 ANNEXE B Référence CSS 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 511 Référence des propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .511 ANNEXE C Codes des couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 527 ANNEXE D Entités de caractères . . . . . . . . . . . . . . . . . .T . . . . . . . . . . . . . . . . . .T . . . . . . . . . . . . . . . . . .T . . . . . . . . . . . . . . . . . .T . . . . . . . . . . . . . . . . . .T .533 Engels_HTML5etCSS3.indb 13 13/03/12 14:48