Contenu du cours
HTML Ultime
HTML Ultime
2. Balises et Attributs HTML
Compréhension des Balises HTMLTravail Avec les Attributs HTMLCompréhension des Balises Paires et Simples en HTMLBalisage et Mise en Forme du Texte en HTMLDéfi : Créer le Paragraphe de Votre Première Page WebDéfi : Créer une Page Web de Présentation PersonnelleDéfi : Concevoir une Page Web de Présentation de FilmsUtilisation des Liens et des Boutons en HTMLDéfi : Créer des Liens vers des Sites Web PopulairesValidation de Votre Code HTML Selon les Meilleures Pratiques
3. Structure d'un Document HTML
4. Travail avec les Médias et les Tableaux
Ajout d’Images en HTMLDéfi : Travailler Avec des ImagesTravail avec des Images Cliquables, des Légendes et l’OptimisationCompréhension des Graphiques Vectoriels et MatricielsIntégration de l'Audio et de la Vidéo pour un Contenu Multimédia EnrichiDéfi : Intégrer de l'audio et de la vidéo en HTMLCréation et Structuration de Tableaux en HTMLDéfi : Concevoir un Tableau HTML Fonctionnel
5. Formulaires HTML et Saisie Utilisateur
Introduction aux Formulaires HTMLFondamentaux de la Création de Formulaires en HTMLUtilisation des labels pour une meilleure accessibilité des formulairesAmélioration des Formulaires avec des Attributs d'EntréeExploration des Différents Types de Champs de Saisie en HTMLDéfi : Créer un Formulaire avec des Champs et des ÉtiquettesUtilisation de l’élément Textarea pour la Saisie MultiligneUtilisation de l’élément Select pour les Menus DéroulantsUtilisation de l’Élément Datalist pour des Suggestions de Saisie PrédéfiniesRegroupement des éléments de formulaire pour une meilleure structure
Défi : Intégrer de l'audio et de la vidéo en HTML
Objectif
Créer une expérience multimédia attrayante pour les visiteurs du site en intégrant à la fois du contenu audio et vidéo.
Tâche
Améliorer le site web en plongeant les utilisateurs dans une expérience multimédia captivante. Votre tâche consiste à :
Pour l'audio : intégrer un fichier audio qui offre une ambiance apaisante permettant aux utilisateurs de se détendre. Utilisez le lien suivant pour l'audio :
Pour la vidéo : intégrer une vidéo permettant aux utilisateurs d'apprécier la beauté des créatures de la nature. Utilisez le lien suivant pour la vidéo :
Ajouter des contrôles de lecture comme lecture et pause.
Ajouter les types de fichiers.
index.html
index.css
- Utiliser la balise
audio
pour spécifier un élément audio. - Utiliser la balise
video
pour spécifier un élément vidéo. - Utiliser l'attribut
controls
pour permettre aux utilisateurs de gérer la lecture audio ou vidéo. - Utiliser l'attribut
src
pour spécifier l'emplacement du fichier. Veiller à copier correctement les liens depuis l'énoncé. - Utiliser
type="audio/mp3"
pour spécifier le type de fichier correct pour l'audio. - Utiliser
type="video/mp4"
pour spécifier le type de fichier correct pour la vidéo.
index.html
index.css
Tout était clair ?
Merci pour vos commentaires !
Section 4. Chapitre 6