Présentation du langage HTML5
- Rappels sur les bases du Web.
- Histoire de l'HTML jusqu'à HTML5.
- Les trois types fondamentaux : Eléments, balises et attributs HTML.
- Le Doctype.
Démonstration
Affichage du code source de pages HTML5. Présentation du validateur W3C.
La structure d'un document HTML
- Le <head>. Le <body>.
- Les balises sémantiques et génériques.
- Les attributs.
Exercice
Découverte de la structure type d'un document HTML et des balises qui le constituent. Construction de la structure de base d'un document.
L'en-tête d'un document HTML
- La balise <title>.
- Les <meta> " description " et " http-equiv ".
- Les balises <link>, <script> et <style>.
- L'encodage. Le type mime.
Exercice
Construction du <head> du document. Aperçu du <title> et du <méta> ", description d'une page HTML dans une page de résultat d'un moteur de recherche (Google).
Le corps d'un document HTML
- Les balises sémantiques : <header>,<footer>,<main>,<section>,<nav>,<article>
- Les balises block : <h>,<p>,<ul>,<li>,<div>...
- Les balises inline : <a>,<img>,<span>...
- Le lien, l'attribut "alt".
- Autres balises sémantiques : <blockquotes>,<cite>...
- Le commentaire HTML.
Exercice
Structuration d'une page Web standard.
L'affichage de données tabulaires
- La balise <table>.
- Les attributs " height ", " width " et " border ".
- Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>.
- Les attributs " scope " et " summary ".
Exercice
Réalisation d'une page avec un tableau simple à partir du modèle de page déjà constitué.
Les principales balises de formulaires
- La balise <form>.
- Les attributs " method " et " action ".
- Les balises <label> et <input>.
- Les attributs " name " et " id ".
Exercice
Réalisation d'un formulaire simple à partir du modèle de page déjà constitué.
L'accessibilité numérique
- Définition de l'accessibilité.
- Le cadre légal. Le référentiel AccessiWeb.
- Les Web Content Accessibility Guidelines(WCAG). Les outils d'audit.
Exercice
Audit d'une page Web à l'aide du service en ligne Wave et de l'extension Opquast.