Création de site web
HTML5 - Structurer
le Web
Enseignant : M. Chakib Ben Jlijel
Année scolaire: 2024-2025
Qu'est-ce que le HTML ?
HTML5 - Structurer le Web
HTML (HyperText Markup Language) n'est pas un langage de
programmation : c'est un langage de balisage qui sert à
indiquer au navigateur comment structurer les pages web
visitées.
Un simple document HTML
Explication
HTML5 - Structurer le Web
La déclaration <!DOCTYPE html> définit que
ce document est un document HTML5;
L'élément <html> est l'élément racine d'une
page HTML
L'élément <head> contient des méta-
informations sur la page HTML
L'élément <title> spécifie un titre pour la
page HTML (qui est affiché dans la barre de
titre du navigateur ou dans l'onglet de la
page)
L'élément <body> définit le corps du
document et constitue un conteneur pour
tous les contenus visibles, tels que les titres,
les paragraphes, les images, les hyperliens, les
tableaux, les listes, etc.
L'élément <h1> définit un grand titre;
L'élément <p> définit un paragraphe;
Structure d'un élément HTML
HTML5 - Structurer le Web
Un élément HTML est défini par une balise de début, du contenu et
une balise de fin.
Éléments vides
Certains éléments HTML n'ont aucun contenu (comme l'élément
<br>). Ces éléments sont appelés éléments vides. Les éléments vides
n'ont pas de balise de fin !
Attributs
HTML5 - Structurer le Web
Les éléments peuvent aussi avoir des attributs, qui comme suit:
Les attributs contiennent des informations supplémentaires sur
l'élément sans qu'elles n'apparaissent dans le contenu réel.
Les attributs booléens
Vous verrez parfois des attributs sans valeur définie : c'est tout à fait
autorisé. Ils sont appelés attributs booléens.
Commentaires en HTML
HTML5 - Structurer le Web
Les commentaires HTML ne sont pas affichés dans le navigateur, mais
ils peuvent vous aider à documenter votre code source HTML.
Vous pouvez ajouter des commentaires à votre source HTML en
utilisant la syntaxe suivante :
Eléments de 1er niveau
HTML5 - Structurer le Web
Elément Description
<html> Représente la racine d'un document HTML.
Conteneur de métadonnées placé entre la balise
<head>
<html> et la balise <body>.
<body> Définit le corps du document.
Eléments d’en-tête (1/3)
Elément Description
HTML5 - Structurer le Web
Définit la relation entre le document actuel et une
ressource externe.
Attributs :
href : Spécifie l'emplacement du document lié.
<link>
rel : Obligatoire. Spécifie la relation entre le
document actuel et le document lié.
type : Spécifie le type de média du document lié
Définit le titre du document.
<title>
Eléments d’en-tête (2/3)
Elément Description
HTML5 - Structurer le Web
Définit les métadonnées du document.
Attributs :
charset : Spécifie l'encodage des caractères pour le
<meta> document HTML.
name : Spécifie le nom des métadonnées.
content : Spécifie la valeur associée à l'attribut http-
equiv ou name.
Eléments d’en-tête (3/3)
Elément Description
Intègre un script côté client (JavaScript).
HTML5 - Structurer le Web
Attributs :
<script> src : Spécifie l'URL d'un fichier de script externe.
type : Spécifie le type de média du script.
Définit les informations de style (CSS) pour un document.
Attributs :
type : Spécifie le type de média de la balise <style>
media : Spécifie pour quel support/périphérique la
<style> ressource multimédia est optimisée.
Balises de titres
HTML5 - Structurer le Web
Les titres HTML sont des titres ou des sous-
titres que vous souhaitez afficher sur une page
Web.
Il y a 6 éléments de titre — <h1>, <h2>, <h3>,
<h4>, <h5>, et <h6>. Chaque élément
représente un niveau de titre différent ;
<h1> représente le titre principal, <h2>
représente un sous-titre, et ainsi de suite
jusqu'au niveau de titre le plus bas qui
correspond à <h6>.
Paragraphes HTML
HTML5 - Structurer le Web
Un paragraphe commence toujours sur une nouvelle ligne et
constitue généralement un bloc de texte.
L'élément HTML <p> définit un paragraphe.
Sauts de ligne et traits horizontaux
La balise <br> insère un seul saut de ligne dans un texte.
HTML5 - Structurer le Web
La balise <hr> définit une rupture thématique dans une page HTML sous forme de ligne
horizontale (par exemple un changement de sujet).
Listes HTML(1/4)
HTML5 - Structurer le Web
Les listes HTML permettent aux développeurs Web de regrouper un ensemble
d'éléments associés dans des listes.
Liste non ordonnée
Une liste non ordonnée commence par la balise <ul> (unordered list).
Chaque élément de la liste commence par la balise <li> (list item).
Les éléments de la liste seront marqués par des puces (petits cercles noirs) par
défaut :
Listes HTML(2/4)
HTML5 - Structurer le Web
Liste ordonnée
Une liste ordonnée commence par la balise <ol> (ordered list).
Chaque élément de la liste commence par la balise <li> (list item).
Une liste ordonnée peut être numérique ou alphabétique.
Listes HTML(3/4)
HTML5 - Structurer le Web
Attributs d’une liste ordonnée :
Attribut Description
reversed Indique que l'ordre de la liste doit être inversé (9, 8, 7...).
start Indique la valeur de départ d'une liste ordonnée.
Spécifie le type de marqueur à utiliser dans la liste (lettres
ou chiffres).
Valeurs :
1 : Par défaut. Nombres décimaux (1, 2, 3, 4)
type
a : Liste alphabétique, minuscules (a, b, c, d).
A : Liste alphabétique, majuscules (A, B, C, D).
i : Chiffres romains, minuscules (i, ii, iii, iv).
I : Chiffres romains, majuscules (I, II, III, IV).
Exemples
Listes HTML(4/4)
HTML5 - Structurer le Web
Tableaux HTML (1/4)
HTML5 - Structurer le Web
La balise <table> définit un tableau HTML.
Un tableau HTML est composé d'un élément <table> et d'un ou plusieurs
éléments <tr>, <th> et <td>.
L'élément <tr> définit une ligne, l'élément <th> un en-tête et l'élément <td> une
cellule.
Un tableau HTML peut également inclure les éléments <caption>, <thead>,
<tfoot> et <tbody>.
Tableaux HTML (2/4)
HTML5 - Structurer le Web
Exemple :
Tableaux HTML (3/4)
Balises de tableau HTML
Elément
HTML5 - Structurer le Web
Description
<table> Définit un tableau
<tr> Définit une ligne dans un tableau
<th> Définit une cellule d'en-tête dans un tableau
<td> Définit une cellule dans un tableau
<caption> Définit une légende(titre) de tableau
<thead> Regroupe le contenu de l'en-tête dans un tableau
<tbody> Regroupe le contenu du corps dans un tableau
<tfoot> Regroupe le contenu du pied dans un tableau
Tableaux HTML (4/4)
Exemple
HTML5 - Structurer le Web
Images HTML
HTML5 - Structurer le Web
Les images peuvent améliorer la conception et l’apparence d’une page Web.
La balise <img> est utilisée pour insérer une image dans une page HTML.
La balise <img> a deux attributs obligatoires :
src - Spécifie le chemin d'accès à l'image.
alt - Spécifie un texte alternatif pour l'image.
L'élément <video>
La balise <video> est utilisée pour intégrer du contenu vidéo dans un document, tel
HTML5 - Structurer le Web
qu'un clip vidéo ou d'autres flux vidéo.
La balise <video> contient une ou plusieurs balises <source> avec différentes sources
vidéo. Le navigateur choisira la première source prise en charge.
Le texte entre les balises <video> et </video> ne s'affichera que dans les navigateurs
qui ne prennent pas en charge l'élément <video>.
L'élément <audio>
La balise <audio> est utilisée pour intégrer du contenu sonore dans un document, tel
HTML5 - Structurer le Web
que de la musique ou d'autres flux audio.
La balise <audio> contient une ou plusieurs balises <source> avec différentes sources
audio. Le navigateur choisira la première source prise en charge.
Le texte entre les balises <audio> et </audio> ne s'affichera que dans les navigateurs
qui ne prennent pas en charge l'élément <audio>.
Attributs audio/vidéo HTML
Attribut
HTML5 - Structurer le Web
Description
Spécifie que les commandes audio/vidéo doivent être
controls
affichées (comme un bouton de lecture/pause, etc.)
src Spécifie l'URL du fichier audio/vidéo
L'élément <source> (1/2)
La balise <source> est utilisée pour spécifier plusieurs ressources multimédias
HTML5 - Structurer le Web
pour les éléments multimédias, tels que <video> et <audio>.
Attribut Description
src Spécifie l'URL du fichier multimédia
Spécifie le type de média Internet de la ressource
multimédia.
Pour la vidéo :
vidéo/ogg
type vidéo/mp4
vidéo/webm
Pour l'audio :
audio/ogg
audio/mpeg
Accepte toute requête média valide normalement définie
media
dans un CSS.
L'élément <source> (2/2)
Exemple 1 : Utiliser <source> dans <video> pour lire une vidéo .
HTML5 - Structurer le Web
Exemple 2 : Utiliser <source> dans <audio> pour lire un fichier audio.
Liens hypertextes (1/4)
HTML5 - Structurer le Web
La balise <a> définit un lien hypertexte, qui est utilisé pour créer un lien d'une
page à une autre.
Syntaxe :
L'attribut le plus important de l'élément <a> est l'attribut href, qui indique la
destination du lien.
Le « texte du lien » est la partie qui sera visible par l’utilisateur.
Cet exemple montre comment créer un lien vers le Portail d’éducation :
Liens hypertextes (2/4)
L'attribut target
HTML5 - Structurer le Web
L'attribut target spécifie où ouvrir le document lié.
Par défaut, la page liée sera affichée dans la fenêtre actuelle du navigateur.
Pour modifier cela, vous devez spécifier une autre cible pour le lien.
L'attribut target peut avoir l'une des valeurs suivantes :
Valeur Description
_blank Ouvre le document lié dans une nouvelle fenêtre ou un nouvel onglet
Ouvre le document lié dans le même cadre (fenêtre/onglet ) dans
_self
lequel il a été cliqué (par défaut)
_parent Ouvre le document dans le cadre parent
_top Ouvre le document dans tout le corps de la fenêtre
iframename Ouvre le document lié dans l'iframe nommé "iframename"
Liens hypertextes (3/4)
HTML5 - Structurer le Web
Utiliser une image comme lien
Pour utiliser une image comme lien, placez simplement la balise <img> à
l'intérieur de la balise <a>.
Lien vers une adresse e-mail
Utilisez mailto : dans l'attribut href pour créer un lien qui ouvre le programme de
messagerie de l'utilisateur (pour lui permettre d'envoyer un nouvel e-mail).
Liens hypertextes (4/4)
HTML5 - Structurer le Web
Créer des signets
Les liens HTML peuvent être utilisés pour créer des signets, afin que les lecteurs
puissent accéder à des parties spécifiques d'une page Web.
Les signets peuvent être utiles si une page Web est très longue.
Pour créer un signet :
1. Tout d'abord, utilisez l'attribut id pour créer un signet.
2. Ensuite, ajoutez un lien vers le signet (« Passer au chapitre 4 »), depuis la même
page .
Vous pouvez également ajouter un lien vers un signet sur une autre page.
L'élément <cite>
La balise <cite> définit le titre d'une œuvre créative (par exemple un livre, un
HTML5 - Structurer le Web
poème, une chanson, un film, une peinture, une sculpture, etc.).
Le texte dans l'élément <cite> est généralement rendu en italique.
Les éléments <figure> & <figcaption>
HTML5 - Structurer le Web
La balise <figure> spécifie un contenu autonome, comme des illustrations, des
diagrammes, des photos, des listes de codes, etc.
L'élément <figcaption> permet d'ajouter une légende à l'élément <figure>.
L'élément <address>
HTML5 - Structurer le Web
La balise <address> définit les coordonnées de l'auteur/propriétaire d'un
document ou d'un article.
L'élément <mark>
HTML5 - Structurer le Web
La balise <mark> définit le texte qui doit être marqué ou mis en surbrillance.
Les éléments <details> &
<summary> (1/2)
HTML5 - Structurer le Web
La balise <details> spécifie des détails supplémentaires que l'utilisateur peut
ouvrir et fermer à la demande.
Par défaut, le widget est fermé.
La balise <summary> est utilisée conjointement avec <details> pour spécifier un
titre visible pour les détails.
Les éléments <details> &
<summary> (2/2)
HTML5 - Structurer le Web
L’attribut <open> de l'élément <details> spécifie que les détails doivent être
visibles (ouverts) pour l'utilisateur.
L'élément <output>
HTML5 - Structurer le Web
La balise <output> est utilisée pour représenter le résultat d'un calcul (comme
celui effectué par un script).
Attributs globaux
HTML5 - Structurer le Web
Attribut Description
Spécifie un nom de classe pour un élément.
class
Exemple
Renseigne la visibilité d'un élément.
hidden
Exemple
Spécifie un identifiant unique pour un élément HTML.
id
Exemple
Spécifie la langue du contenu de l'élément.
lang
Exemple
Spécifie un style en ligne.
style
Exemple
Spécifie des informations supplémentaires sur un élément.
title
Exemple
Eléments de formulaire (1/5)
HTML5 - Structurer le Web
Un formulaire HTML est utilisé pour collecter les entrées des utilisateurs. Les
entrées de l'utilisateur sont le plus souvent envoyées à un serveur pour
traitement.
La balise <form> est utilisé pour créer un formulaire HTML pour la saisie de
l'utilisateur:
L'élément <form> est un conteneur pour différents types d'éléments de saisie,
tels que : des champs de texte, des cases à cocher, des boutons radio, des
boutons de soumission, etc.
Eléments de formulaire (2/5)
HTML5 - Structurer le Web
Attributs de la balise <form>
Attribut Description
Spécifie où envoyer les données du formulaire lorsqu'un
action
formulaire est soumis
Spécifie la méthode HTTP à utiliser lors de l'envoi des
method données de formulaire.
Valeurs possibles : "get" , "post"
Spécifie où afficher la réponse reçue après l’envoi du
target
formulaire.
Eléments de formulaire (3/5)
L'attribut target peut avoir l'une des valeurs suivantes :
HTML5 - Structurer le Web
Valeur Description
_blank La réponse s'affiche dans une nouvelle fenêtre ou un nouvel onglet
_self La réponse s'affiche dans le même cadre (par défaut)
_parent La réponse s'affiche dans le cadre parent
_top La réponse s'affiche dans le corps de la fenêtre
iframename La réponse s'affiche dans un iframe nommé "iframename"
Eléments de formulaire (4/5)
HTML5 - Structurer le Web
Un formulaire HTML avec deux champs de saisie et un bouton d'envoi qui
afficher la réponse reçue dans une nouvelle fenêtre ou un nouvel onglet :
Eléments de formulaire (5/5)
HTML5 - Structurer le Web
La balise <form> peut contenir un ou plusieurs des éléments suivants :
<fieldset>
<legend>
<label>
<input>
<textarea>
<select>
<datalist>
Les éléments <fieldset> & <legend>
La balise <fieldset> est utilisée pour regrouper des éléments liés dans un
HTML5 - Structurer le Web
formulaire.
La balise <legend> définit une légende pour l'élément <fieldset>.
L'élément <label>
L'élément <label> définit une étiquette pour plusieurs éléments de formulaire.
HTML5 - Structurer le Web
L'attribut for de la balise <label> doit être égal à l'attribut id de l'élément <input>
pour les lier ensemble.
L'élément <input>
La balise <input> spécifie un champ de saisie dans lequel l'utilisateur peut saisir
HTML5 - Structurer le Web
des données.
L'élément <input> peut être affiché de plusieurs manières, selon l'attribut type.
Types de l’élément <input> (1/6)
Les différents types de l’élément <input> sont les suivants :
HTML5 - Structurer le Web
Type Description
Définit un bouton cliquable (principalement utilisé avec un
<input type="button">
JavaScript pour activer un script)
<input type="submit"> Définit un bouton d'envoi des données du formulaire.
<input type="reset"> Définit un bouton de réinitialisation
Attributs génériques
Attribut Description
name Spécifie le nom d'un élément <input>
value Spécifie la valeur d'un élément <input>
disabled Spécifie qu'un élément <input> doit être désactivé
Types de l’élément <input> (2/6)
Type Description
<input type="text"> Par défaut. Définit un champ de texte sur une seule ligne.
HTML5 - Structurer le Web
<input type="email"> Définit un champ pour une adresse e-mail
<input type=« tel"> Définit un champ pour saisir un numéro de téléphone
Attributs génériques
Attribut Description
name Spécifie le nom d'un élément <input>
value Spécifie la valeur d'un élément <input>
placeholder Spécifie une brève indication qui décrit la valeur attendue d'un élément <input>
readonly Spécifie qu'un champ de saisie est en lecture seule
required Spécifie qu'un champ de saisie est obligatoire/doit être rempli
disabled Spécifie qu'un élément <input> doit être désactivé
Fait référence à un élément <datalist> qui contient des options prédéfinies pour
list
un élément <input>
Types de l’élément <input> (3/6)
Type Description
<input type="password"> Définit un champ de mot de passe
HTML5 - Structurer le Web
Attributs génériques
Attribut Description
name Spécifie le nom d'un élément <input>
value Spécifie la valeur d'un élément <input>
Spécifie une brève indication qui décrit la valeur attendue d'un élément
placeholder
<input>
readonly Spécifie qu'un champ de saisie est en lecture seule
required Spécifie qu'un champ de saisie est obligatoire/doit être rempli
disabled Spécifie qu'un élément <input> doit être désactivé
Types de l’élément <input> (4/6)
Type Description
<input type="number"> Définit un champ pour saisir un nombre
Définit un contrôle de plage (comme un contrôle de curseur)
HTML5 - Structurer le Web
<input type="range">
Attributs génériques
Attribut Description
name Spécifie le nom d'un élément <input>
value Spécifie la valeur d'un élément <input>
readonly Spécifie qu'un champ de saisie est en lecture seule
required Spécifie qu'un champ de saisie est obligatoire/doit être rempli
disabled Spécifie qu'un élément <input> doit être désactivé
Attributs spécifiques
Attribut Description
max Spécifie la valeur maximale d'un élément <input>
min Spécifie une valeur minimale pour un élément <input>
Types de l’élément <input> (5/6)
Type Description
<input type="date"> Définit un contrôle de date (année, mois, jour)
Définit un contrôle pour saisir une heure
HTML5 - Structurer le Web
<input type="time">
Attributs génériques
Attribut Description
name Spécifie le nom d'un élément <input>
value Spécifie la valeur d'un élément <input>
required Spécifie qu'un champ de saisie est obligatoire/doit être rempli
disabled Spécifie qu'un élément <input> doit être désactivé
Attributs spécifiques
Attribut Description
max Spécifie la valeur maximale d'un élément <input>
min Spécifie une valeur minimale pour un élément <input>
Types de l’élément <input> (6/1)
Type Description
<input type="checkbox"> Définit une case à cocher
HTML5 - Structurer le Web
<input type="radio"> Définit un bouton radio
Attributs génériques
Attribut Description
name Spécifie le nom d'un élément <input>
value Spécifie la valeur d'un élément <input>
required Spécifie qu'un champ de saisie est obligatoire/doit être rempli
disabled Spécifie qu'un élément <input> doit être désactivé
Attributs spécifiques
Attribut Description
Spécifie qu'un élément <input> doit être présélectionné lors du chargement de
checked
la page (pour type="checkbox" ou type="radio")
L'élément <textarea>
L'élément <textarea> définit une zone de saisie de texte multi-lignes .
HTML5 - Structurer le Web
La taille d'une zone de texte est spécifiée par les attributs cols et rows (ou avec
CSS).
L'élément <textarea>
HTML5 - Structurer le Web
Attributs de la balise <textarea>
Attribut Description
name Spécifie un nom pour une zone de texte
cols Spécifie la largeur visible d'une zone de texte
rows Spécifie le nombre de lignes visibles dans une zone de texte
readonly Spécifie qu'une zone de texte doit être en lecture seule
required Spécifie qu'une zone de texte est obligatoire/doit être remplie
disabled Spécifie qu'une zone de texte doit être désactivée
L'élément <textarea>
HTML5 - Structurer le Web
Attributs de la balise <textarea>
Attribut Description
Spécifie une brève indication qui décrit la valeur attendue
placeholder
d'une zone de texte
Spécifie le nombre maximal de caractères autorisés dans la
maxlength
zone de texte
L'élément <select>
L'élément <select> est utilisé pour créer une liste déroulante.
HTML5 - Structurer le Web
L'élément <option> définit une option qui peut être sélectionnée.
Par défaut, le premier élément de la liste déroulante est sélectionné.
Pour définir une option présélectionnée, ajoutez l'attribut selected à l'option :
L'élément <datalist>
L'élément <datalist> spécifie une liste d'options prédéfinies pour un élément <input>.
HTML5 - Structurer le Web
Les utilisateurs verront une liste déroulante des options prédéfinies au fur et à mesure
qu'ils saisiront des données.
L'attribut list de l'élément <input> doit faire référence à l'attribut id de l'élément
<datalist>.
Eléments et techniques de mise en
page HTML
Les sites Web affichent souvent du contenu dans plusieurs colonnes (comme un
HTML5 - Structurer le Web
magazine ou un journal).
Eléments et techniques de mise en
page HTML
Éléments de mise en page HTML
HTML5 - Structurer le Web
HTML comporte plusieurs éléments sémantiques qui définissent les différentes
parties d'une page Web :
Nouvelles balises sémantiques (html5)
<header> - Définit un en-tête pour un document ou
une section.
<nav> - Définit un ensemble de liens de navigation.
<footer> - Définit un pied de page pour un
document ou une section .
<section> - Définit une section dans un document.
<article> - Définit un contenu indépendant et
autonome.
<aside> - Définit le contenu en dehors du contenu
(comme une barre latérale)
<main> - Définit le contenu principal d'un document.
Eléments et techniques de mise en
page HTML
Exemples de mise en page HTML
HTML5 - Structurer le Web
Eléments de bloc & éléments en ligne
Chaque élément HTML a une valeur d'affichage par défaut, en fonction du type
HTML5 - Structurer le Web
d'élément dont il s'agit.
Les deux valeurs d'affichage les plus courantes sont bloc (block) et en ligne (
inline).
Éléments de niveau bloc
Un élément de niveau bloc commence toujours sur une nouvelle ligne et les
navigateurs ajoutent automatiquement un espace (une marge) avant et après
l'élément.
Deux éléments de bloc couramment utilisés sont : <p> et <div>.
L'élément <p> définit un paragraphe dans un document HTML.
L'élément <div> définit une division ou une section dans un document HTML.
Eléments de bloc & éléments en ligne
Éléments en ligne
HTML5 - Structurer le Web
Un élément en ligne ne commence pas sur une nouvelle ligne.
Un élément en ligne ne prend que la largeur nécessaire.
L'élément en ligne couramment utilisé est <span>.
L'élément <iframe> (1/2)
La balise HTML <iframe> (inline frame) spécifie un cadre en ligne.
HTML5 - Structurer le Web
Un <iframe> est utilisé pour intégrer un autre document dans le document
HTML actuel.
L'attribut src définit l'URL de la page à intégrer.
L'attribut name Spécifie le nom d'un <iframe>.
Par défaut, un iframe est entourée d’une bordure. Pour supprimer la
bordure, ajoutez l'attribut style et utilisez la propriété CSS
border border:none;
L'élément <iframe> (2/2)
Cible pour un lien
HTML5 - Structurer le Web
Un iframe peut être utilisée comme cadre cible pour un lien.
L'attribut target du lien doit faire référence à l'attribut name de l'iframe.
Evénements HTML (1/4)
HTML a la capacité de permettre aux événements de déclencher des actions
HTML5 - Structurer le Web
dans un navigateur, comme le démarrage d'un JavaScript lorsqu'un utilisateur
clique sur un élément.
Événement de fenêtre (s'applique à la balise <body>) :
Événement Description
Se déclenche une fois le chargement de la page terminé.
onload
Evénements HTML (2/4)
Événements de formulaire (s'applique aux éléments de formulaire) :
HTML5 - Structurer le Web
Événement Description
se déclenche dès que l'élément perd le focus.
onblur
se déclenche dès que la valeur de l'élément change.
onchange
se déclenche dès que l'élément reçoit(prend) le focus.
onfocus
se déclenche dès qu'un élément reçoit une saisie utilisateur.
oninput
Se déclenche lorsqu'un formulaire est envoyé
onsubmit
Evénements HTML (3/4)
Événements de souris :
HTML5 - Structurer le Web
Événement Description
se déclenche lors d'un clic de souris sur l'élément
onclick
se déclenche lorsque le pointeur de la souris se déplace sur un élément
onmouseover
se déclenche lorsque le pointeur de la souris sort d'un élément
onmouseout
Evénements HTML (4/4)
Événements de clavier :
HTML5 - Structurer le Web
Événement Description
se déclenche lorsqu'un utilisateur appuie sur une touche.
onkeydown
se déclenche lorsqu'un utilisateur relâche une touche.
onkeyup
Événements de Média (<audio> ou <video>) :
Événement Description
se déclenche lorsque le média (vidéo ou audio) commence la lecture
onplay
se déclenche lorsque le média (vidéo ou audio) est mis en pause.
onpause
