Wondershare EdrawMind
Galerie de cartes mentales Carte HTML
- 2
Carte HTML
Étant donné que la création de mises en page avancées prend du temps, l’utilisation de modèles est une option rapide. Il existe de nombreux modèles de sites Web gratuits disponibles via les moteurs de recherche (vous pouvez utiliser ces mises en page de sites Web prédéfinies et les optimiser).
Modifié à 2022-10-27 11:24:53
- bacteria
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
- Plant asexual reproduction
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
- Reproductive development of animals
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
Carte HTML
- bacteria
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
- Plant asexual reproduction
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
- Reproductive development of animals
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
- Recommandé pour vous
- Contour
HTML
Localisateurs de ressources uniformes
Voici quelques schémas d'URL :
http
accéder
Protocole de transfert hypertexte
Utilisé pour...
Pages Web ordinaires commençant par http://. Pas de cryptage.
https
accéder
Protocole de transfert hypertexte sécurisé
Utilisé pour...
Page Web sécurisée qui crypte toutes les informations échangées.
FTP
accéder
Protocole de transfer de fichier
Utilisé pour...
Utilisé pour télécharger ou télécharger des fichiers sur un site Web.
déposer
Utilisé pour...
fichiers sur votre ordinateur.
URL – Localisateur de ressources uniformes
Un navigateur Web demande une page à un serveur Web via une URL.
Lorsque vous cliquez sur un lien dans une page HTML, la balise <a> correspondante pointe vers une adresse sur le World Wide Web.
Une URL (Uniform Resource Locator) est utilisée pour localiser des documents sur le World Wide Web.
Un exemple d'adresse web :
Règles de grammaire:
schéma://host.domain:port/path/filename
illustrer:
schéma - Définit le type de service Internet. Le type le plus courant est http
host - définit l'hôte du domaine (l'hôte par défaut pour http est www)
domaine - définit un nom de domaine Internet, tel que runoob.com
:port - définit le numéro de port sur l'hôte (le numéro de port par défaut pour http est 80)
path - définit le chemin sur le serveur (en cas d'omission, le document doit être situé à la racine du site Web).
filename - définit le nom du document/ressource
entité de personnage
entité de personnage
Les caractères réservés en HTML doivent être remplacés par des entités de caractères.
Certains caractères introuvables sur le clavier peuvent également être remplacés à l'aide d'entités de caractères.
entité
cadre
scénario
formulaire
Formulaires et entrées
Les formulaires HTML sont utilisés pour collecter différents types d'entrées utilisateur
Exemple en ligne
Créer un champ de texte
Cet exemple montre comment créer un champ de texte dans une page HTML. L'utilisateur peut écrire du texte dans le champ de texte.
Créer un champ de mot de passe
Cet exemple montre comment créer un champ de mot de passe HTML.
formulaire
Formulaire - élément d'entrée
Champs de texte
champ de mot de passe
Boutons radio
Cases à cocher
Bouton de soumission
Plus d'exemples
Boutons radio
Cet exemple montre comment créer des boutons radio en HTML.
Cases à cocher
Cet exemple montre comment créer une case à cocher dans une page HTML. Les utilisateurs peuvent cocher ou décocher les cases.
liste déroulante simple
Cet exemple montre comment créer une simple zone de liste déroulante dans une page HTML. La zone de liste déroulante est une liste sélectionnable.
Liste déroulante Présélectionner
Cet exemple montre comment créer une simple liste déroulante avec des valeurs présélectionnées.
Zone de texte
Cet exemple montre comment créer un champ de texte (contrôle de saisie de texte multiligne). L'utilisateur peut écrire du texte dans le champ de texte. Il n'y a pas de limite au nombre de caractères pouvant être écrits.
Bouton Créer
Cet exemple montre comment créer un bouton. Vous pouvez personnaliser le texte sur le bouton.
instance de formulaire
Forme bordée
Cet exemple montre comment dessiner une boîte avec un titre autour des données.
Formulaire avec zone de saisie et bouton de confirmation
Cet exemple montre comment ajouter un formulaire à une page. Ce formulaire contient deux zones de saisie et un bouton de confirmation.
formulaire avec cases à cocher
Ce formulaire contient deux cases à cocher et un bouton de confirmation.
formulaire avec boutons radio
Ce formulaire contient deux boutons radio et un bouton de confirmation.
Envoyer un e-mail depuis le formulaire
Cet exemple montre comment envoyer un e-mail à partir d'un formulaire.
balise de formulaire
Étiquette
<formulaire>
Définir un formulaire pour la saisie utilisateur
Les attributs
accepter
HTML5 non pris en charge
Spécifie le type de fichier reçu par le serveur. (Les documents sont soumis via le téléchargement de fichiers)
Type_MIME
Un ou plusieurs types MIME peuvent être soumis/téléchargés. Pour spécifier plusieurs types MIME, séparez-les par des virgules.
Voir
, pour une liste complète des types MIME standard.
accepter-jeu de caractères
Spécifie le jeu de caractères des données de formulaire que le serveur peut gérer.
jeu de caractères
action
Spécifie où les données du formulaire sont envoyées lorsque le formulaire est soumis.
URL
Saisie automatique
Spécifie s’il faut activer la fonctionnalité de saisie semi-automatique du formulaire.
sur
désactivé
enctype
Spécifie comment encoder les données du formulaire avant de les envoyer au serveur. (S'applique au cas method="post")
application/x-www-form-urlencoded
données multipart/formulaire
texte simple
méthode
Spécifie la méthode HTTP utilisée pour envoyer les données du formulaire.
obtenir
poste
nom
Spécifie le nom du formulaire.
texte
novalider
Si cet attribut est utilisé, aucune validation n'est effectuée lors de la soumission du formulaire.
novalider
cible
Spécifie où l'URL de l'action doit être ouverte.
_vide
_soi
_parent
_haut
<entrée>
Définir les champs de saisie
<zone de texte>
Définir un champ de texte (un contrôle de saisie multiligne)
<étiquette>
Définit la balise de l'élément <input>, généralement le titre de l'entrée
<ensemble de champs>
Définit un ensemble d'éléments de formulaire associés et les entoure à l'aide d'un cadre externe
<légende>
Définit le titre de l'élément <fieldset>
<sélectionner>
Une liste d'options déroulante est définie
<groupe optant>
Définir des groupes d'options
<option>
Définir les options dans la liste déroulante
<bouton>
Définir un bouton de clic
Nouvel onglet HTML5
<liste de données>
Spécifier une liste prédéfinie d'options de contrôle d'entrée
<keygen>
Définit le champ générateur de bi-clés du formulaire
<sortie>
Définir un résultat de calcul
mise en page
Exemple en ligne
Mise en page de page Web à l'aide d'éléments <div>
Mise en page de page Web à l'aide de l'élément <table>
mise en page du site Web
Mise en page - utilisant des éléments <div>
L'élément div est un élément de niveau bloc utilisé pour regrouper des éléments HTML.
L'exemple suivant utilise cinq éléments div pour créer une disposition à plusieurs colonnes :
Mise en page - à l'aide de tableaux
L'utilisation de la balise HTML <table> est un moyen simple de créer des mises en page.
La plupart des sites peuvent utiliser des éléments <div> ou <table> pour créer plusieurs colonnes. CSS est utilisé pour positionner des éléments ou créer des arrière-plans et des looks colorés pour les pages.
Même si vous pouvez utiliser des tableaux HTML pour créer de belles mises en page, les tableaux sont conçus pour présenter des données tabulaires – les tableaux ne sont pas un outil de mise en page !
L'exemple suivant utilise un tableau comportant trois lignes et deux colonnes : la première et la dernière lignes utilisent l'attribut colspan pour s'étendre sur deux colonnes :
Mise en page – conseils utiles
Le plus grand avantage de l’utilisation de CSS est que le site sera plus facile à maintenir si le code CSS est stocké dans une feuille de style externe. En modifiant un seul fichier, vous pouvez modifier la mise en page de toutes les pages.
Étant donné que la création de mises en page avancées prend du temps, l’utilisation de modèles est une option rapide. Il existe de nombreux modèles de sites Web gratuits disponibles via les moteurs de recherche (vous pouvez utiliser ces mises en page de sites Web prédéfinies et les optimiser).
balise de mise en page
<div>
Définir des blocs de document, au niveau du bloc
Les attributs
aligner
gauche
droite
centre
justifier
<envergure>
Définit la durée, utilisée pour combiner des éléments en ligne dans le document.
bloc
<div> et <span>
HTML peut combiner des éléments via <div> et <span>.
élément de bloc
La plupart des éléments HTML sont définis comme
éléments au niveau du bloc
éléments en ligne
Les éléments de niveau bloc commencent généralement (et se terminent) par une nouvelle ligne lorsqu'ils sont affichés par le navigateur.
Exemple:
<h1>, <p>, <ul>, <table>
éléments en ligne
Les éléments en ligne ne commencent généralement pas sur une nouvelle ligne lorsqu'ils sont affichés.
Exemple:
<b>, <td>, <a>, <img>
Élément <div>
L'élément HTML <div> est un élément de niveau bloc qui peut être utilisé pour composer un conteneur pour d'autres éléments HTML.
L'élément <div> n'a pas de signification spécifique. De plus, puisqu'il s'agit d'un élément de niveau bloc, le navigateur affichera des sauts de ligne avant et après celui-ci.
S'il est utilisé avec CSS, l'élément <div> peut être utilisé pour définir des attributs de style sur de gros blocs de contenu.
Une autre utilisation courante de l'élément <div> concerne la mise en page des documents. Il remplace l'ancienne méthode d'utilisation des tableaux pour définir les mises en page. L'utilisation de l'élément <table> pour la mise en page du document n'est pas une utilisation correcte des tableaux. L'élément <table> est utilisé pour afficher des données tabulaires.
Élément <span>
L'élément HTML <span> est un élément en ligne qui peut être utilisé comme conteneur de texte
L'élément <span> n'a également aucune signification spécifique.
Lorsqu'il est utilisé avec CSS, l'élément <span> peut être utilisé pour définir des attributs de style pour des parties de texte.
Libellés de groupe
Étiquette
<div>
Définit la zone du document, au niveau du bloc
Les attributs
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
aligner
Spécifie l'alignement du contenu dans un élément <div>.
gauche
droite
centre
justifier
Définition de l'étiquette et instructions d'utilisation
La balise <div> définit un bloc ou une région délimitée dans un document HTML.
La balise <div> est souvent utilisée pour regrouper des éléments au niveau du bloc afin qu'ils puissent être formatés à l'aide de CSS.
Conseils et remarques
indice:
L'élément <div> est souvent utilisé avec CSS pour mettre en page des pages Web.
Note:
Par défaut, les navigateurs placent généralement un saut de ligne avant et après un élément <div>. Cependant, vous pouvez modifier cela en utilisant CSS.
Différences entre HTML 4.01 et HTML5
L'attribut align n'est pas pris en charge dans HTML5.
Dans HTML 4.01, l'attribut align est obsolète.
<envergure>
Utilisé pour combiner des éléments en ligne dans le document, des éléments en ligne (inline)
Définition de l'étiquette et instructions d'utilisation
<span> est utilisé pour regrouper les éléments en ligne dans le document.
La balise <span> n'a pas de format fixe. Cela ne change visuellement que lorsque vous lui appliquez un style. Si vous n'appliquez pas de styles à <span>, le texte de l'élément <span> ne sera pas visuellement différent des autres textes.
La balise <span> permet d'isoler une partie de texte ou un document.
Conseils et remarques
Astuce : Vous pouvez styliser le texte entouré d'un élément <span> à l'aide de CSS ou le manipuler à l'aide de JavaScript.
élément
élément
Balise de début * Contenu de l'élément Balise de fin * <p> Ceci est un paragraphe </p> <a href="default.htm"> Ceci est un lien </a> <br> Saut de ligne
syntaxe des éléments
Les éléments HTML commencent par une balise de début
Les éléments HTML se terminent par une balise de fermeture
Le contenu de l'élément est le contenu entre la balise de début et la balise de fin
Certains éléments HTML ont un contenu vide
Les éléments vides sont fermés dans la balise d'ouverture (se terminent par la fin de la balise d'ouverture)
La plupart des éléments HTML peuvent avoir des attributs
Éléments HTML imbriqués
La plupart des éléments HTML peuvent être imbriqués (les éléments HTML peuvent contenir d'autres éléments HTML).
Les documents HTML sont constitués d'éléments HTML imbriqués les uns dans les autres.
Exemple de document HTML
Analyse d'un exemple HTML
Élément <html>
Définit l'intégralité du document HTML.
Élément <corps>
Définit le corps du document HTML.
Élément <p>
Définit un paragraphe dans un document HTML
N'oubliez pas la balise de fermeture
Élément HTML vide
<br>et<br />
Astuce HTML : utilisez des balises minuscules
Les balises HTML ne sont pas sensibles à la casse : <P> est équivalent à <p>. De nombreux sites Web utilisent des balises HTML en majuscules.
Le didacticiel noob utilise des balises minuscules car le World Wide Web Consortium (W3C) recommande les minuscules dans HTML 4 et les rendra obligatoires dans les futures versions de (X)HTML.
Les attributs
Attributs HTML
Les éléments HTML peuvent définir des attributs
Les attributs peuvent ajouter des informations supplémentaires à un élément
Les propriétés sont généralement décrites dans la balise d'ouverture
Les propriétés apparaissent toujours sous forme de paires nom/valeur, par exemple : nom="valeur".
Instance de propriété
Les liens HTML sont définis par la balise <a>. L'adresse du lien est spécifiée dans l'attribut href
<a href="http://www.runoob.com">Ceci est un lien</a>
Valeurs d'attribut de référence couramment utilisées pour les attributs HTML
Les valeurs des propriétés doivent toujours être placées entre guillemets.
Les guillemets doubles sont les plus couramment utilisés, mais l'utilisation de guillemets simples ne pose aucun problème. Dans certains cas individuels, par exemple si la valeur de l'attribut elle-même contient des guillemets doubles, vous devez utiliser des guillemets simples. Par exemple : name='John "ShotGun" Nelson'.
Astuce HTML : utilisez des attributs en minuscules
Manuel de référence des attributs HTML
Description de la propriété class définit un ou plusieurs noms de classe (classname) pour les éléments HTML (les noms de classe sont introduits à partir des fichiers de style) id définit l'identifiant unique de l'élément style spécifie le style en ligne de l'élément (style en ligne) le titre décrit des informations supplémentaires sur l'élément (utilisé comme barre d'outils)
Titre
Titre HTML
Le titre est défini via les balises <h1> - <h6>.
<h1> définit le titre le plus grand. <h6> définit le plus petit en-tête.
h le titre n'est que de 1 à 6
Le titre est très important
Ligne horizontale HTML
Commentaires HTML
Conseils HTML - Comment afficher le code source
Manuel de référence des balises HTML
Description de la balise <html> définit un document HTML <body> définit le corps du document <h1> - <h6> définir les titres HTML <hr> définit la ligne horizontale <!--...--> Définir les commentaires
<tête>
<head> définit les informations du document
<titre> définit le titre du document
(Dans l'entête, cet élément est obligatoire)
Définition de l'étiquette et instructions d'utilisation
La balise <title> définit le titre du document et est obligatoire dans tous les documents HTML.
Définir le titre dans la barre d'outils du navigateur
Fournit le titre de la page lorsqu'elle est ajoutée aux favoris
Le titre de la page qui apparaît dans les résultats des moteurs de recherche
Note:
Il ne peut pas y avoir plus d'un élément <title> dans un document HTML.
indice:
Si vous omettez la balise <title>, le document n'est pas valide au format HTML.
<base> définit l'adresse de lien par défaut de la balise de lien de page
Définit l'URL de tous les liens
href
URL
Spécifie l'URL de base pour tous les liens relatifs de la page.
cible
Spécifie où tous les hyperliens et formulaires de la page s’ouvriront. Cet attribut est remplacé par l'attribut target dans chaque lien.
_vide
Ouvrez le document lié dans une nouvelle fenêtre.
_soi
défaut. Ouvrez le document lié dans le même cadre.
_parent
Ouvrez le document lié dans le jeu de cadres parent.
_haut
Ouvrez le document lié dans toute la fenêtre.
nom du cadre
Ouvre le document lié dans le cadre spécifié.
grammaire
<base target="_blank|_self|_parent|_top|framename">
<link> définit la relation entre un document et des ressources externes
Les attributs
HTML5 ne prend pas en charge cet attribut
jeu de caractères
Définit le codage des caractères du document lié.
tour
Définit la relation entre le document lié et le document actuel.
relation inversée
Valeur Description
alternative Une version alternative d'un document (telle qu'une page imprimée, une traduction ou un miroir).
stylesheet La feuille de style externe du document.
start Le premier document de la collection.
next Le document suivant de la collection.
prev Le document précédent de la collection.
contents La table des matières du document.
index L'index du document.
glossaire Un glossaire (explication) des termes utilisés dans un document.
copyright Un document contenant des informations sur les droits d'auteur.
chapitre Chapitre du document.
section section du document.
sous-section Une sous-section du document.
annexe Une annexe à un document.
aide aide documentation.
ajouter des documents liés à vos favoris.
cible
Définit où charger le document lié.
_vide
_soi
_haut
_parent
nom_cadre
Nouveaux attributs HTML5.
tailles
Définit la taille de l'attribut du lien, qui ne fonctionne que pour l'attribut rel="icon".
HauteurxLargeur
Spécifie une ou plusieurs dimensions pour l'icône liée.
La hauteur et la largeur sont séparées par un « x » ou un « X ».
Exemples:
<link rel="icon" href="favicon.png" size="16x16" type="image/png"> (1 taille)
<link rel="icon" href="favicon.png" size="16x16 32x32" type="image/png"> (2 tailles)
n'importe lequel
Spécifie que l'icône est évolutive (comme une image SVG).
Exemple:
<link rel="icon" href="icon.svg" size="any" type="image/svg xml"> (n'importe quelle taille)
Définition et utilisation
L'attribut size spécifie la taille de l'icône du média visuel.
Cet attribut ne peut être utilisé que lorsque la ressource liée est une icône (rel="icon").
href
Définit l'emplacement du document lié.
URL
URL absolue - pointe vers un autre site Web (tel que href="http://www.example.com/theme.css")
URL relative - pointe vers un fichier sur le site Web (par exemple href="/themes/theme.css")
hreflang
Définit la langue du texte dans le document lié.
code_langue
médias
Spécifie le périphérique sur lequel le document lié sera affiché.
requête_média
rapport
Requis. Définit la relation entre le document actuel et le document lié. rel est l'abréviation anglaise de relation.
alterner
Lien vers une version alternative du document (telle qu'une page imprimée, une traduction ou un miroir).
les archives
auteur
Lien vers l'auteur du document.
signet
externe
d'abord
aide
Lien vers la documentation d'aide.
icône
Importez une icône représentant le document.
dernier
Licence
Lien vers les informations de copyright du document.
suivant
Indique que le document fait partie d'une collection et que le document suivant de la collection est le document référencé.
pas de suivi
aucun référent
ping
prélecture
Spécifie que la ressource cible doit être mise en cache.
précédent
Indique que le document fait partie d'une collection et que le document précédent dans la collection est le document référencé.
recherche
Liens vers des outils de recherche de documents.
barre latérale
feuille de style
L'URL de la feuille de style à importer.
étiqueter
en haut
taper
Spécifie le type MIME du document lié.
Type_MIME
Le type MIME du document lié.
Voir Types IANA MIME pour une liste complète des types MIME standard.
<meta> définit les métadonnées dans les documents HTML
Définition de l'étiquette et instructions d'utilisation
Les métadonnées sont les informations sur les données.
Les balises fournissent des métadonnées pour un document HTML. Les métadonnées ne seront pas affichées sur le client, mais seront analysées par le navigateur.
L'élément META est généralement utilisé pour spécifier la description, les mots-clés, l'heure de la dernière modification du fichier, l'auteur et d'autres métadonnées de la page Web.
Les métadonnées peuvent être récupérées à l'aide d'un navigateur (comment afficher du contenu ou recharger une page), d'un moteur de recherche (mots-clés) ou d'autres services Web.
Conseils et remarques
Avis:
La balise <meta> est généralement située dans la zone <head>.
Les métadonnées apparaissent généralement sous forme de paires nom/valeur.
Si l'attribut name n'est pas fourni, le nom dans la paire nom/valeur prend la valeur de l'attribut http-equiv.
Les attributs
Nouveaux attributs HTML5.
jeu de caractères
Définit le codage des caractères du document.
jeu de caractères
Pour voir tous les codages de caractères disponibles, visitez les jeux de caractères IANA.
contenu
Définit les méta-informations liées à l'attribut http-equiv ou name.
texte
Définition et utilisation
L'attribut content donne la valeur associée à l'attribut http-equiv ou name.
http-équiv
Associez l'attribut content à l'en-tête HTTP.
type de contenu
Spécifie le codage des caractères du document.
Exemple:
<méta http-equiv="content-type" content="text/html; charset=UTF-8">
Style par défaut
Spécifie une feuille de style prédéfinie à utiliser.
Exemple:
<meta http-equiv="default-style" content="la feuille de style préférée du document">
Note:
La valeur de l'attribut content ci-dessus doit correspondre à la valeur de l'attribut title sur un élément link dans le même document, ou elle doit correspondre à la valeur de l'attribut title sur un élément style dans le même document.
rafraîchir
Définissez l'intervalle de temps pour l'actualisation automatique du document.
Exemple:
<méta http-equiv="refresh" content="300">
Remarque : La valeur « refresh » doit être utilisée avec prudence car elle rend la page incontrôlable par l'utilisateur. L'utilisation de « rafraîchir » entraînera un échec dans les directives d'accessibilité du contenu Web du W3C.
nom
Associez l'attribut content à un nom.
Nom de l'application
Spécifie le nom de l'application Web représentée par la page.
auteur
Spécifie le nom de l'auteur du document.
Exemple:
<meta name="auteur" content="Hege Refsnes">
description
Spécifie la description de la page. Les moteurs de recherche afficheront cette description dans les résultats de recherche.
Exemple : <meta name="description" content="Tutoriels Web gratuits">
Générateur
Spécifie un progiciel à utiliser pour générer des documents (ne pas utiliser avec des pages manuscrites).
Exemple : <meta name="generator" content="FrontPage 4.0">
mots clés
Spécifie une liste de mots-clés séparés par des virgules - pages associées (indique aux moteurs de recherche à quoi la page est liée).
indice:
Précisez toujours des mots-clés (nécessaires aux moteurs de recherche pour classer la page).
Exemple : <meta name="keywords" content="HTML, balise méta, référence de balise">
fenêtre
Les attributs
width définit la largeur de la fenêtre de présentation, qui est un entier positif ou la chaîne "width-device"
initial-scale définit la valeur de mise à l'échelle initiale de la page, qui est un nombre pouvant contenir des décimales.
minimum-scale est la valeur de mise à l'échelle minimale autorisée par l'utilisateur, qui est un nombre et peut contenir des décimales.
maximum-scale est la valeur de zoom maximale autorisée par l'utilisateur, qui est un nombre et peut contenir des décimales.
height définit la hauteur de la fenêtre de présentation. Cet attribut n'est pas important pour nous et est rarement utilisé.
évolutif par l'utilisateur Si l'utilisateur est autorisé à zoomer, la valeur est "non" ou "oui", non signifie non autorisé, oui signifie autorisé
robots
HTML5 n'est pas pris en charge.
schème
Définit le format utilisé pour traduire les valeurs des attributs de contenu.
format/URI
Définition et utilisation
L'attribut schéma spécifie le schéma (format ou URI) utilisé pour traduire la valeur de l'attribut content.
<script> définit le fichier de script client
Utilisé pour charger des fichiers de script
Les attributs
Nouveaux attributs en HTML5
asynchrone
Spécifie l'exécution asynchrone des scripts (s'applique uniquement aux scripts externes).
asynchrone
reporter
Spécifie que le script est exécuté lorsque l'analyse de la page est terminée (s'applique uniquement aux scripts externes).
reporter
Définition et utilisation
L'attribut async est un attribut booléen.
Attribut async Une fois le script disponible, il sera exécuté de manière asynchrone.
Avis:
L'attribut async s'applique uniquement aux scripts externes (uniquement lors de l'utilisation de l'attribut src).
Il existe plusieurs manières d'exécuter des scripts externes :
if async="async" : le script est exécuté de manière asynchrone par rapport au reste de la page (le script sera exécuté pendant que la page continue d'analyser)
Si async n'est pas utilisé et defer="defer" : le script sera exécuté lorsque la page aura fini d'analyser
Si ni async ni defer ne sont utilisés : lisez et exécutez le script immédiatement avant que le navigateur continue d'analyser la page.
HTML5 n'est pas pris en charge.
xml:espace
Spécifie si les espaces dans le code doivent être conservés.
préserver
jeu de caractères
Spécifie le codage de caractères à utiliser dans les scripts (scripts externes uniquement).
jeu de caractères
src
Spécifie l'URL du script externe.
URL
taper
Spécifie le type MIME du script.
Type MIME
<noscript>
<style> définit le fichier de style du document HTML
Conseils et remarques
indice:
Pour créer un lien vers une feuille de style externe, utilisez la balise.
Pour en savoir plus sur les feuilles de style, suivez ce tutoriel CSS
Note:
Si l'attribut "scoped" n'est pas utilisé, chaque balise <style> doit être située dans la zone d'en-tête.
Définition de l'étiquette et instructions d'utilisation
La balise <style> définit les informations de style pour un document HTML.
Dans l'élément <style>, vous pouvez spécifier la manière dont le document HTML est rendu dans le navigateur.
Chaque document HTML peut contenir plusieurs balises <style>.
Les attributs
médias
Spécifiez différents types de supports pour les feuilles de style.
requête_média
Définition et utilisation
L'attribut media spécifie pour quel média/périphérique la ressource actuelle est optimisée. Cette propriété est principalement utilisée dans les feuilles de style CSS qui spécifient différents styles pour différents types de médias.
indice:
Cette propriété peut accepter plusieurs valeurs.
grammaire
<style media="valeur">
opérateurs possibles
et
Spécifie l'opérateur AND.
pas
Spécifie l'opérateur NOT.
,
Spécifie l'opérateur OR.
équipement
tous
défaut. S'adapte à tous les appareils.
auriculaire
Synthétiseur vocal.
braille
Appareil de rétroaction en braille pour les aveugles.
ordinateur de poche
Appareils portables (petit écran, bande passante limitée).
projection
projecteur.
imprimer
Mode aperçu avant impression/page d’impression.
écran
Écran d'ordinateur (par défaut).
ty
Téléimprimeurs et supports similaires utilisant une grille de caractères de même largeur.
la télé
Appareil de type TV (basse résolution, capacités de défilement d'écran limitées).
valeur
largeur
Spécifie la largeur de la zone d'affichage cible.
Les préfixes « min- » et « max- » peuvent être utilisés.
Exemple : media="écran et (min-width:500px)"
hauteur
Spécifie la hauteur de la zone d'affichage cible.
Les préfixes « min- » et « max- » peuvent être utilisés.
Exemple : media="écran et (max-height:700px)"
largeur de l'appareil
Spécifie la largeur du moniteur/papier cible.
Les préfixes « min- » et « max- » peuvent être utilisés.
Exemple : media="écran et (device-width:500px)"
hauteur de l'appareil
Spécifie la hauteur du moniteur/du papier cible.
Les préfixes « min- » et « max- » peuvent être utilisés.
Exemple : media="écran et (device-height:500px)"
orientation
Spécifie l’orientation du moniteur/papier cible.
Valeurs possibles : "portrait" ou "paysage"
Exemple : media="tout et (orientation : paysage)"
ratio d'aspect
Spécifie le rapport largeur/hauteur de la zone d'affichage cible
Exemple : media="écran et (rapport d'aspect : 16/9)"
Les préfixes « min- » et « max- » peuvent être utilisés.
rapport hauteur/largeur de l'appareil
Spécifie le rapport largeur/hauteur du périphérique du moniteur cible/papier
Exemple : media="écran et (rapport d'aspect : 16/9)"
Les préfixes « min- » et « max- » peuvent être utilisés.
couleur
Spécifie les bits/couleur de l'affichage cible
Exemple : media="écran et (color:3)"
Les préfixes « min- » et « max- » peuvent être utilisés.
indice de couleur
Spécifie le nombre de couleurs que l'affichage cible peut gérer.
Exemple : media="écran et (min-color-index:256)"
Les préfixes « min- » et « max- » peuvent être utilisés.
monochrome
Spécifie les bits/pixels dans un framebuffer monochrome.
Exemple : media="écran et (monochrome:2)"
Les préfixes « min- » et « max- » peuvent être utilisés.
résolution
Spécifie la densité de pixels (dpi ou dpcm) du moniteur/papier cible.
Exemple : media="imprimer et (résolution : 300 dpi)"
Les préfixes « min- » et « max- » peuvent être utilisés.
analyse
Spécifie comment les moniteurs de télévision sont analysés.
Valeurs possibles : "progressif" et "entrelacé".
Exemple : media="tv et (scan:interlace)"
grille
Spécifie si le périphérique de sortie est une grille ou un bitmap.
Valeurs possibles : "1" pour grille, "0" sinon.
Exemple : media="ordinateur de poche et (grid:1)"
portée
Si cet attribut est utilisé, le style est appliqué uniquement à l'élément parent de l'élément style et à ses enfants.
portée
taper
Spécifie le type MIME de la feuille de style.
texte/css
Le type MIME de la feuille de style. Actuellement, la seule valeur possible est « text/css ».
Définition et utilisation
L'attribut type obligatoire spécifie le type MIME de la feuille de style.
L'attribut type indique le contenu entre les balises <style> et </style>.
La valeur « text/css » indique que le contenu est du CSS standard.
paragraphe
Les paragraphes sont définis via des balises <p>.
N'oubliez pas la balise de fermeture
zigzag
L'élément <br /> est un élément HTML vide. Puisqu’une balise fermante n’a aucun sens, elle n’a pas de balise fermante.
Sortie - rappel d'utilisation
formatage du texte
balises de formatage
Bibliothèque
balise de formatage du texte
<b> Définir le texte en gras
audacieux
<em> définit le texte d'emphase
souligner
<i> Définir l'italique
italique
<small> définit les petites polices
<strong> Définir l'accent mis
<sub> définit les indices
indice
<sup> définit les mots en exposant
supscript
<ins> définit les mots d'insertion
cite URL spécifie l'URL d'un document qui explique pourquoi le texte a été inséré.
URL absolue - pointe vers un autre site Web (tel que cite="http://www.example.com")
URL relative - pointe vers une page du site Web (telle que cite="example.html")
datetime AAAA-MM-JJThh:mm:ssTZD Spécifie la date et l'heure auxquelles le texte est inséré.
<del> définit le mot supprimé
cite URL spécifie l'URL d'un document expliquant pourquoi le texte a été supprimé.
URL absolue - pointe vers un autre site (tel que href="http://www.example.com/song.ogg")
URL relative - pointe vers un fichier sur le site Web (par exemple href="song.ogg")
URL d'ancrage - pointe vers une ancre dans la page (par exemple href="#page")
datetime AAAA-MM-JJThh:mm:ssTZD Spécifie la date et l'heure auxquelles le texte a été supprimé.
Balise « Sortie ordinateur »
Définitions de citation, de citation et d'étiquette
Lien
Exemple
lien d'image
Comment utiliser les liens d'images.
Lien vers l'emplacement spécifié sur la page actuelle
Comment utiliser les signets
Sortez des sentiers battus
Cet exemple montre comment sortir du cadre si votre page est fixée dans le cadre.
Créer un lien e-mail
Cet exemple montre comment créer un lien vers un e-mail. (Cet exemple ne fonctionnera qu'après l'installation d'un programme client de messagerie.)
Créer un lien e-mail 2
Cet exemple montre un lien de courrier électronique plus complexe.
Lien hypertexte HTML (lien)
syntaxe du lien
<a href="url">Texte du lien</a>
Exemple
lien - attribut cible
À l'aide de l'attribut target, vous pouvez définir où le document lié doit être affiché.
lien - attribut id
Style-CSS
Styles d'utilisation HTML
Cet exemple montre comment utiliser les attributs de style pour créer un lien sans soulignement.
Comment créer un lien sans souligner à l'aide de l'attribut style.
Lien vers une feuille de style externe
Cet exemple montre comment lier une balise à une feuille de style externe.
image
Exemple
Insérer une image
Cet exemple montre comment afficher une image dans une page Web.
Insérer des images de différents endroits
Cet exemple montre comment afficher des images d'autres dossiers ou serveurs dans une page Web.
Organiser les images
Cet exemple montre comment organiser les images dans le texte.
L'attribut align est obsolète dans HTML 4 et n'est plus pris en charge dans HTML5. Vous pouvez utiliser CSS à la place.
image flottante
Cet exemple montre comment faire flotter une image à gauche ou à droite d'un paragraphe.
Ici, nous utilisons l'attribut CSS float. L'attribut float est obsolète dans HTML 4. HTML5 ne prend plus en charge cet attribut. Vous pouvez utiliser CSS à la place.
Définir le lien de l'image
Cet exemple montre comment utiliser une image comme lien.
Créer une image cliquable
Cet exemple montre comment créer une image cliquable avec des zones cliquables. Chacun de ces champs est un lien hypertexte.
Image - Balise d'image (<img>) et attribut source (Src)
La syntaxe pour définir une image est la suivante :
<img src="url" alt="some_text">
Image - Attribut Alt
Image - Définir la hauteur et la largeur de l'image
À faire et à ne pas faire de base – Conseils utiles
Balise d'image HTML
Balise <img>
La balise <img> définit une image dans une page HTML.
La balise <img> a deux attributs obligatoires : src et alt.
Exemple
Insérer des images de différents endroits
Cet exemple montre comment afficher des images d'autres dossiers ou serveurs dans une page Web.
Créer un lien d'image
Cet exemple montre comment utiliser une image comme lien.
Créer une image cliquable
Cet exemple montre comment créer une image cliquable avec des zones cliquables. Chacun de ces champs est un lien hypertexte.
Plus
à l'abandon
Gestionnaire d'événements appelé lorsque l'utilisateur abandonne le chargement de l'image.
une erreur
Gestionnaire d'événements appelé lorsqu'une erreur se produit lors du chargement de l'image.
en charge
Gestionnaire d'événements appelé lorsque le chargement de l'image est terminé.
Nouveaux attributs en HTML5
Les attributs
aligner
gauche aligne l’image vers la gauche.
right aligne l’image vers la droite.
milieu aligne l’image au centre.
top aligne l'image vers le haut.
bottom Aligne l'image vers le bas.
Spécifie la manière dont les images sont disposées par rapport au texte environnant.
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
grammaire
<img align="gauche|droite|milieu|haut|bas">
chargement
impatient : charger immédiatement
Par défaut, les images se chargent immédiatement.
paresseux : chargement paresseux
L'image est chargée paresseusement et ne sera affichée que lorsque la souris défilera jusqu'à l'emplacement de l'image.
Spécifie si le navigateur doit charger les images immédiatement ou paresseusement.
grammaire
<img src="URL" chargement="empressé|paresseux">
alt
texte
Spécifie le texte alternatif de l'image.
Principes d'utilisation du texte alternatif :
Si l'image contient des informations, utilisez alt pour décrire l'image
Si l'image se trouve dans un élément <a>, utilisez alt pour décrire le lien cible
Si l'image est uniquement destinée à la décoration, utilisez alt=""
grammaire
<img alt="texte">
frontière
pixels
Spécifie la bordure autour de l'image.
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
La largeur de la bordure, en pixels.
origine croisée
nouveau
anonyme
utiliser les informations d'identification
Définir les attributs inter-domaines des images
hauteur
pixels
Spécifie la hauteur de l'image.
La hauteur en pixels (par exemple height="100").
grammaire
<img hauteur="pixels">
espace h
pixels
Spécifie les marges sur les côtés gauche et droit de l'image.
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
Mesuré en pixels.
grammaire
<img hspace="pixels">
ismap
ismap
Spécifie l’image en tant que carte image côté serveur.
grammaire
<img ismap>
description longue
URL
URL pointant vers un document contenant une longue description d'image.
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
Valeurs possibles:
URL absolue : pointe vers un autre site Web (tel que longdesc="http://www.example.com/description.txt")
URL relative - pointe vers un fichier sur le site Web (par exemple longdesc="description.txt")
grammaire
<img longdesc="URL">
src
URL
Spécifie l'URL pour afficher l'image.
Valeurs possibles:
URL absolue - pointe vers un autre site Web (tel que src="http://www.example.com/image.gif")
URL relative - pointe vers un fichier sur le site Web (par exemple src="image.gif")
grammaire
<img src="URL">
utiliser la carte
#nom de la carte
Définissez l’image en tant qu’image cliquable côté client.
Un caractère dièse ("#") plus le nom ou l'identifiant de l'élément <map> à utiliser.
Balise <carte>
nom nom de la carte requis. Le nom spécifié pour la carte-image.
nom
grammaire
<nom de la carte="nom de la carte">
mapname Le nom de la zone cliquable.
grammaire
<img usemap="#mapname">
espace virtuel
pixels
Spécifie la marge en haut et en bas de l'image.
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
grammaire
<img vspace="pixels">
largeur
pixels
Spécifie la largeur de l'image.
grammaire
<img width="pixels">
Balise <zone>
alt
coordonnées
grammaire
<coords de zone="valeur">
valeur d'attribut
x1,y1,x2,y2
Si la propriété shape est définie sur "rect", cette valeur spécifie les coordonnées des coins supérieur gauche et inférieur droit du rectangle.
x, y, rayon
Si l'attribut shape est défini sur "circ", cette valeur spécifie les coordonnées et le rayon du centre du cercle.
x1,y1,x2,y2,..,xn,yn
Si la propriété shape est définie sur "poly", cette valeur spécifie la valeur de chaque sommet du polygone. Si les première et dernière coordonnées ne correspondent pas, alors pour fermer le polygone, le navigateur doit ajouter la dernière paire de coordonnées.
href
grammaire
<zone href="URL">
valeur d'attribut
URL
L'URL du lien. valeurs possibles
URL absolue : pointe vers un autre site (tel que href="http://www.example.com/sun.htm")
URL relative : pointe vers un fichier du site (href="sun.htm")
URL d'ancrage - pointe vers une ancre dans la page (href="#sun")
hreflang
Nouveau
code_langue
Spécifie la langue de l'URL cible.
Un code de langue à deux caractères qui spécifie la langue du document lié.
Pour afficher tous les codes de langue disponibles, consultez notre Manuel de référence des jeux de codes de langue.
Manuel de référence du jeu de codes de langue.
grammaire
<zone hreflang="code_langue">
médias
Nouveau
requête média
Spécifie le média/périphérique pour lequel l'URL cible est optimisée. Par défaut : tous.
opérateurs possibles
et spécifie l'opérateur AND
not spécifie l'opérateur NOT
, spécifiez l'opérateur OR
équipement
tout par défaut. S'adapte à tous les appareils.
synthétiseur vocal
dispositif de rétroaction en braille
ordinateur de poche (petit écran, bande passante limitée)
projecteur de projection
mode aperçu avant impression/nombre de pages imprimées
écran écran d'ordinateur
téléimprimeurs et supports similaires utilisant une grille de caractères à espacement fixe
appareil de type téléviseur (basse résolution, capacités de défilement limitées)
valeur
largeur
La largeur de la zone d'affichage spécifiée.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (min-width:500px)"
hauteur
La hauteur de la zone d'affichage spécifiée.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (max-height:700px)"
largeur de l'appareil
Spécifiez la largeur du papier d'affichage/d'impression cible
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (device-width:500px)"
hauteur de l'appareil
Spécifiez la hauteur du papier d'affichage/d'impression cible
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (device-height:500px)"
direction
Spécifie l’orientation de l’affichage/du papier cible.
Valeurs possibles : "portrait" ou "paysage"
Exemple : media="tout et (orientation : paysage)"
ratio d'aspect
Le rapport largeur/hauteur de la zone d'affichage de la cible spécifiée.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (rapport d'aspect : 16/9)"
rapport hauteur/largeur de l'appareil
Le rapport largeur de l'appareil/hauteur de l'appareil de la zone d'affichage de la cible spécifiée.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (rapport d'aspect : 16/9)"
couleur
Spécifie le nombre de bits de couleur par pixel affichés par la cible.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (color:3)"
indice de couleur
Spécifie le nombre de couleurs que le moniteur cible peut gérer.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (min-color-index:256)"
monochrome
Spécifie le nombre de pixels dans un framebuffer monochrome.
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="écran et (monochrome:2)"
résolution
Spécifiez la densité de pixels de l'écran/du papier cible (DPI ou DPCM).
Habituellement, les préfixes « min- » et « max- » sont utilisés.
Exemple : media="imprimer et (résolution : 300 dpi)"
analyse
Spécifie une méthode de numérisation pour les écrans TV.
Les valeurs possibles sont « progressif » et « entrelacé ».
Exemple : media="tv et (scan:interlace)"
grille
Spécifie que le périphérique de sortie est une grille ou un bitmap
La valeur de la grille est "1", les autres sont "0"
Exemple : media="ordinateur de poche et (grid:1)"
nohref
valeur
HTML5 n'est pas pris en charge. Spécifie les zones sans liens pertinents
rapport
Nouveau
valeur d'attribut
alterner
Une version alternative du document (telle qu'une page imprimée, une traduction ou un miroir).
auteur
Lien vers l'auteur du document.
signet
URL permanente pour les favoris
aide
Lien vers la documentation d'aide
Licence
Lien vers les informations de copyright du document.
suivant
Document suivant dans les options
pas de suivi
nofollow est une valeur d'attribut d'une balise HTML. La signification de cette balise est d'indiquer aux moteurs de recherche « Ne suivez pas le lien sur cette page » ou « Ne suivez pas ce lien spécifique ».
aucun référent
N'envoyez pas l'en-tête du référent HTTP si l'utilisateur clique sur le lien pour spécifier le navigateur.
prélecture
Le fichier cible spécifié doit être mis en cache
précédent
document précédent dans les options
recherche
Liens de documentation vers des outils de recherche
étiqueter
Balises (mots-clés) du document actuel
Spécifie la relation entre le document actuel et l'URL cible.
grammaire
<zone rel="valeur">
forme
défaut
Définissez tous les domaines.
rectifier
Définissez une zone rectangulaire.
cercle
Définissez un cercle.
poly
Définir une zone polygonale.
Spécifie la forme de la région.
L'attribut shape fonctionne avec l'attribut coords pour spécifier la taille, la forme et l'emplacement de la zone.
grammaire
<area shape="par défaut|rect|cercle|poly">
cible
_vide
Ouvrez le document lié dans une nouvelle fenêtre.
_parent
Ouvrez le document lié dans le jeu de cadres parent.
_soi
défaut. Ouvrez le document lié dans le même cadre.
_haut
Ouvrez le document lié dans toute la fenêtre.
nom du cadre
Ouvre le document lié dans le cadre spécifié.
Spécifie où l'URL cible doit être ouverte.
grammaire
<area target="_blank|_self|_parent|_top|framename">
taper
Nouveau
Type_MIME
Spécifie le type MIME de l'URL cible.
Remarque : MIME = Extensions de messagerie Internet polyvalentes.
grammaire
<area type="MIME_type">
Balise <carte>
nom nom de la carte requis. Le nom spécifié pour la carte-image.
nom
grammaire
<nom de la carte="nom de la carte">
mapname Le nom de la zone cliquable.
Inclusion simple
feuille
Propriétés des tables et des bordures
Si vous ne définissez pas l'attribut border, le tableau n'affichera pas de bordures. Parfois, cela est utile, mais la plupart du temps, nous souhaitons que la bordure soit visible.
En-tête du tableau
L'en-tête du tableau est défini à l'aide de la balise <th>.
La plupart des navigateurs afficheront l'en-tête du tableau sous forme de texte gras et centré :
Plus d'exemples
tableau sans bordures
Cet exemple montre un tableau sans bordures
<bordure du tableau="1">
Titre dans le tableau
Cet exemple montre comment afficher un en-tête de tableau.
Tableau avec titre
Cet exemple montre un tableau avec une légende
Cellules du tableau s'étendant sur des lignes ou des colonnes
Cet exemple montre comment définir des cellules de tableau qui s'étendent sur des lignes ou des colonnes.
Étiquettes dans le tableau
Cet exemple montre comment afficher des éléments au sein de différents éléments.
Rembourrage cellulaire
Cet exemple montre comment utiliser le remplissage de cellule pour créer un espace entre le contenu d'une cellule et sa bordure.
Espacement des cellules
Cet exemple montre comment utiliser l'espacement des cellules pour augmenter la distance entre les cellules.
belle table
étiquette de tableau
<tableau>
Définir le tableau
Les attributs
HTML5 n'est pas pris en charge. HTML 4.01 obsolète
aligner
Spécifie l'alignement du tableau par rapport aux éléments environnants.
gauche
Alignez le tableau à gauche.
droite
Alignez la table à droite.
centre
Centrez la table.
couleurbg
Spécifie la couleur d'arrière-plan du tableau.
RVB (x, x, x)
Spécifie la valeur de couleur comme couleur d'arrière-plan dans le code RVB (par exemple "rgb(255,0,0)").
#xxxxxx
Spécifie la couleur d'arrière-plan sous forme de valeur hexadécimale (telle que "#ff0000").
nom de la couleur
Spécifie que la valeur de couleur est la couleur d'arrière-plan du nom de couleur (par exemple « rouge »).
Couleur de l'arrière plan
HTML5 n'est pas pris en charge.
rembourrage cellulaire
Spécifie l'espace entre le bord de la cellule et son contenu.
pixels
espacement des cellules
Spécifie l'espace entre les cellules.
pixels
cadre
Spécifie quelle partie de la bordure extérieure est visible.
valeur d'attribut
vide
Ne pas afficher les bordures extérieures.
au-dessus de
Affiche la bordure extérieure supérieure.
ci-dessous
Affiche la bordure extérieure inférieure.
lhs
côté gauche
Affiche la bordure extérieure gauche.
rhs
côté droit
Affiche la bordure extérieure droite.
côtés
Affiche les bordures extérieures des parties supérieure et inférieure.
contre les côtés
Affiche les bordures extérieures gauche et droite.
boîte
Afficher les bordures extérieures sur les quatre côtés.
frontière
Afficher les bordures extérieures sur les quatre côtés.
règles
Spécifie quelle partie de la bordure intérieure est visible.
valeur d'attribut
aucun
Il n'y a pas de lignes.
groupes
La ligne entre les groupes de lignes et de colonnes.
Lignes
Les lignes entre les lignes.
cols
Colonnes
La ligne entre les colonnes.
tous
lignes entre les lignes et les colonnes
résumé
Un résumé du formulaire prescrit.
texte
largeur
Spécifie la largeur du tableau.
pixels
Définissez la largeur en pixels (exemple : width="50").
%
Définit la largeur en pourcentage de l'élément conteneur (exemple : width="50%").
frontière
Spécifie si les cellules du tableau ont des bordures.
1
Ajoutez des bordures autour des cellules du tableau (les tableaux ne sont pas utilisés à des fins de mise en page).
""
0
Il n'y a pas de bordure autour des cellules du tableau (les tableaux peuvent être utilisés à des fins de mise en page).
Exemple
titre dans le tableau
Cet exemple montre comment afficher les titres des tableaux.
cellule vide
Cet exemple montre comment utiliser « » pour gérer des cellules sans contenu.
Tableau avec titre
Cet exemple montre un tableau avec une légende.
Étiquettes dans le tableau
Cet exemple montre comment afficher des éléments dans d'autres éléments.
Cellules du tableau s'étendant sur des lignes ou des colonnes
Cet exemple montre comment définir des cellules de tableau qui s'étendent sur des lignes ou des colonnes.
La cellule s'étend sur deux colonnes
<th colspan="2">Téléphone</th>
Les cellules s'étendent sur deux lignes
<th rowspan="2">Téléphone :</th>
<th>
Définir l'en-tête du tableau
Les attributs
HTML5 n'est pas pris en charge.
abbr
Spécifie une version abrégée du contenu de la cellule d'en-tête.
texte
aligner
Spécifie l'alignement horizontal du contenu des cellules d'en-tête.
gauche
Alignez le contenu à gauche.
droite
Alignez le contenu à droite.
centre
Aligne le contenu au centre (par défaut pour <th>).
justifier
Étirez les rangées de manière à ce que chaque rangée ait la même largeur (comme dans les journaux et les magazines).
carboniser
Alignez le contenu sur les caractères spécifiés.
axe
Classez les cellules d’en-tête.
Nom de catégorie
carboniser
Spécifie quel caractère doit être utilisé pour aligner le contenu.
personnage
Charoff
Spécifie le décalage du caractère d'alignement.
nombre
Spécifie l'alignement.
Les nombres positifs alignent le caractère vers la droite.
Les nombres négatifs spécifient l'alignement à gauche du caractère.
valider
Spécifie la disposition verticale du contenu des cellules d’en-tête.
haut
Alignez le contenu en haut.
milieu
Aligne le contenu au centre (par défaut).
bas
Alignez le contenu vers le bas.
ligne de base
Alignez-vous avec la ligne de base. La ligne de base est une ligne imaginaire. Dans une ligne de texte, la plupart des lettres sont centrées sur la ligne de base. Toutes les données de table dans une ligne de définition de valeur de référence partagent la même référence. Cette valeur a souvent le même effet que la valeur inférieure. Cependant, si le texte a des tailles de police différentes, la ligne de base fonctionnera mieux.
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
couleurbg
Spécifie la couleur d'arrière-plan de la cellule d'en-tête.
RVB (x, x, x)
Spécifie la valeur de couleur comme couleur d'arrière-plan dans le code RVB (par exemple "rgb(255,0,0)").
#xxxxxx
Spécifie la couleur d'arrière-plan sous forme de valeur hexadécimale (telle que "#ff0000").
nom de la couleur
Spécifie que la valeur de couleur est la couleur d'arrière-plan du nom de couleur (par exemple « rouge »).
hauteur
Spécifie la hauteur de la cellule d'en-tête.
pixels
Définissez la valeur de la hauteur en pixels (par exemple, height="50").
%
Définit la valeur de hauteur en pourcentage de l'élément conteneur (par exemple, height="50%").
maintenant
Spécifie si le contenu de la cellule d'en-tête doit être renvoyé à la ligne.
largeur
Spécifie la largeur de la cellule d'en-tête.
pixels
Définissez la valeur de largeur en pixels (telle que width="50").
%
Définit la valeur de la largeur en pourcentage de l'élément conteneur (par exemple width="50%").
en-têtes
Spécifie une ou plusieurs cellules d'en-tête associées à la cellule d'en-tête.
en-tête_id
Colpan
Spécifie le nombre de colonnes qu'une cellule d'en-tête peut s'étendre.
nombre
Remarque : colspan="0" indique au navigateur d'étendre la cellule jusqu'à la dernière colonne du colgroup.
envergure
Spécifie le nombre de lignes que la cellule d'en-tête peut s'étendre.
nombre
Remarque : rowspan="0" indique au navigateur de faire en sorte que la cellule s'étende jusqu'à la dernière ligne (thead, tbody ou tfoot) du composant table.
portée
Spécifie si la cellule d'en-tête est l'en-tête d'une ligne, d'une colonne, d'un groupe de lignes ou d'un groupe de colonnes.
col
Spécifie que la cellule est l'en-tête de la colonne.
rangée
Spécifie que la cellule est l'en-tête de la ligne.
groupe de collaboration
Spécifie que la cellule est l'en-tête du groupe de colonnes.
groupe de lignes
Spécifie que la cellule est l'en-tête du groupe de lignes.
<tr>
Définir les lignes du tableau
Les attributs
aligner
Définit l'alignement du contenu des lignes du tableau.
droite
Alignez le contenu à droite.
gauche
Justifiez le contenu à gauche (par défaut pour les éléments <td>).
centre
Aligne le contenu au centre (par défaut pour les éléments <th>).
justifier
Étirez les rangées de manière à ce que chaque rangée ait la même largeur (comme dans les journaux et les magazines).
carboniser
Alignez le contenu sur les caractères spécifiés.
couleurbg
Spécifie la couleur d'arrière-plan des lignes du tableau.
RVB (x, x, x)
Spécifie la valeur de couleur comme couleur d'arrière-plan dans le code RVB (par exemple "rgb(255,0,0)").
#xxxxxx
Spécifie la couleur d'arrière-plan sous forme de valeur hexadécimale (telle que "#ff0000").
nom de la couleur
Spécifie que la valeur de couleur est la couleur d'arrière-plan du nom de couleur (par exemple « rouge »).
carboniser
Spécifie le caractère sur lequel le contenu est aligné.
personnage
Charoff
Spécifie le décalage du premier caractère d'alignement.
nombre
Spécifie l'alignement.
Les nombres positifs alignent le caractère vers la droite.
Les nombres négatifs spécifient l'alignement à gauche du caractère.
valider
haut
Alignez le contenu en haut.
milieu
Aligne le contenu au centre (par défaut).
bas
Alignez le contenu vers le bas.
ligne de base
Alignez-vous avec la ligne de base. La ligne de base est une ligne imaginaire. Dans une ligne de texte, la plupart des lettres sont centrées sur la ligne de base. Toutes les données de table dans une ligne de définition de valeur de référence partagent la même référence. Cette valeur a souvent le même effet que la valeur inférieure. Cependant, si le texte a des tailles de police différentes, la ligne de base fonctionnera mieux.
Exemple
titre dans le tableau
Cet exemple montre comment afficher les titres des tableaux.
cellule vide
Cet exemple montre comment utiliser « » pour gérer des cellules sans contenu.
Tableau avec titre
Cet exemple montre un tableau avec une légende.
Étiquettes dans le tableau
Cet exemple montre comment afficher des éléments dans d'autres éléments.
Cellules du tableau s'étendant sur des lignes ou des colonnes
Cet exemple montre comment définir des cellules de tableau qui s'étendent sur des lignes ou des colonnes.
<td>
Définir les cellules du tableau
Les attributs
HTML5 non pris en charge
abbr
Spécifie une version abrégée du contenu de la cellule.
texte
aligner
Spécifie l'alignement horizontal du contenu des cellules.
gauche
droite
centre
justifier
carboniser
axe
Nom de catégorie
carboniser
Spécifie quel caractère doit être utilisé pour aligner le contenu.
personnage
Charoff
Spécifie le décalage du caractère d'alignement.
nombre
portée
Définit une méthode pour associer les cellules d’en-tête aux cellules de données.
col
Spécifie que la cellule est l'en-tête de la colonne.
groupe de collaboration
Spécifie que la cellule est l'en-tête du groupe de colonnes
rangée
Spécifie que la cellule est l'en-tête de la ligne.
groupe de lignes
Spécifie que la cellule est l'en-tête du groupe de lignes.
valider
Spécifie la disposition verticale du contenu des cellules.
haut
milieu
bas
ligne de base
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
couleurbg
Spécifie la couleur d'arrière-plan de la cellule.
RVB (x, x, x)
#xxxxxx
nom de la couleur
hauteur
Définissez la hauteur de la cellule.
pixels
%
maintenant
Spécifie si le contenu de la cellule doit être renvoyé à la ligne.
maintenant
largeur
Spécifie la largeur de la cellule.
pixels
%
Colpan
Spécifie le nombre de colonnes qu'une cellule peut s'étendre.
nombre
en-têtes
Spécifie une ou plusieurs cellules d'en-tête associées à la cellule.
en-tête_id
envergure
Définit le nombre de lignes qu'une cellule peut s'étendre.
nombre
Exemple
titre dans le tableau
cellule vide
Tableau avec titre
Étiquettes dans le tableau
Cellules du tableau s'étendant sur des lignes ou des colonnes
<légende>
Définir le titre du tableau
Les attributs
HTML5 n'est pas pris en charge. HTML 4.01 obsolète
aligner
Définissez l'alignement du titre.
gauche
droite
haut
bas
<groupecol>
Définir des groupes de colonnes de tableau
Les attributs
HTML5 non pris en charge
aligner
Spécifie l'alignement horizontal du contenu dans un groupe de colonnes.
gauche
droite
centre
justifier
Étirez les rangées de manière à ce que chaque rangée ait la même largeur (comme dans les journaux et les magazines).
carboniser
carboniser
Spécifie le caractère par lequel le contenu du groupe de colonnes est aligné.
personnage
Charoff
Spécifie le décalage du premier caractère d'alignement.
nombre
valider
Définit l'alignement vertical du contenu dans un groupe de colonnes.
haut
milieu
bas
ligne de base
largeur
Spécifie la largeur de la combinaison de colonnes.
pixels
Définissez la valeur de la largeur en pixels (exemple : width="50")
%
Définit la valeur de la largeur en pourcentage de l'élément environnant (exemple : width="50%").
longueur_relative
portée
Spécifie le nombre de colonnes que le groupe de colonnes doit couvrir.
nombre
<col>
Définir les propriétés des colonnes du tableau
Les attributs
HTML5 non pris en charge
aligner
Spécifie l'alignement horizontal du contenu associé à l'élément <col>.
gauche
droite
centre
justifier
carboniser
carboniser
Spécifie le caractère par lequel le contenu associé à l'élément <col> est aligné.
personnage
Charoff
Spécifie le décalage du premier caractère d'alignement.
nombre
portée
Spécifie le nombre de colonnes que l'élément <col> doit couvrir.
nombre
valider
Spécifie l'alignement vertical du contenu associé à l'élément <col>.
haut
milieu
bas
ligne de base
largeur
Spécifie la largeur d'un élément <col>
%
pixels
longueur_relative
<tête>
Définir l'en-tête du tableau
Les attributs
HTML5 non pris en charge
aligner
droite
gauche
centre
justifier
carboniser
carboniser
personnage
Charoff
nombre
valider
haut
milieu
bas
ligne de base
<corps>
Définir le corps du tableau
Les attributs
HTML5 non pris en charge
aligner
droite
gauche
centre
justifier
carboniser
carboniser
personnage
Charoff
nombre
valider
haut
milieu
bas
ligne de base
<pied>
Définir le pied de page du tableau
Les attributs
HTML5 non pris en charge
aligner
droite
gauche
centre
justifier
carboniser
carboniser
personnage
Charoff
nombre
valider
haut
milieu
bas
ligne de base
liste
Plus d'exemples
Liste customisée
liste ordonnée
liste non ordonnée
Différents types de listes ordonnées
Cet exemple montre différents types de listes ordonnées.
Différents types de listes non ordonnées
Cet exemple montre différents types de listes non ordonnées.
Listes imbriquées
Cet exemple montre comment imbriquer des listes.
Liste imbriquée 2
Cet exemple montre une liste imbriquée plus complexe.
Liste customisée
Cet exemple illustre une liste de définitions.
Choses à noter – conseils utiles
Astuce : les paragraphes, les sauts de ligne, les images, les liens, d'autres listes, etc. peuvent être utilisés à l'intérieur des éléments de liste.
balise de liste
<ol>
listes ordonnées
Définir une liste ordonnée
Les attributs
Non pris en charge en HTML5, obsolète
compact
Veuillez le remplacer par un style. Spécifie que la liste doit être rendue plus petite que la normale.
compact
Nouveaux attributs HTML5.
renversé
Spécifiez la liste dans l'ordre inverse (9,8,7...)
renversé
Cet attribut était obsolète en HTML4, mais réintroduit en HTML5.
commencer
Attribut à valeur entière qui spécifie la valeur de départ de la numérotation des listes.
nombre
Spécifie le type de liste. Obsolète. Veuillez plutôt utiliser des styles.
taper
a représente un numéro de lettre anglaise minuscule
A représente un numéro de lettre anglaise majuscule
i représente un chiffre romain minuscule
I représente un chiffre romain majuscule
1 représente un nombre numérique (par défaut)
<ul>
listes non ordonnées
Définir une liste non ordonnée
Les attributs
HTML5 n'est pas pris en charge. HTML 4.01 est obsolète.
taper
Spécifie le type de puces pour la liste.
disque
valeur par défaut. Cercle plein.
carré
Carré plein.
cercle
Cercle creux.
compact
Spécifie que la liste doit être rendue plus petite que la normale.
compact
Exemple
Balise de liste
Montre différentes balises de liste.
Listes imbriquées
Cet exemple montre comment imbriquer des listes.
Liste imbriquée 2
Cet exemple montre une liste imbriquée plus complexe.
<dl>
listes de définitions
liste de définitions
<li>
élément de liste
Définir les éléments de la liste
Les attributs
HTML5 ne prend pas en charge cet attribut. Cet attribut est obsolète dans HTML 4.01. Obsolète. Veuillez le remplacer par un style.
taper
Liste ordonnée (<ol>)
1
UN
un
je
je
Liste non ordonnée (<ul>)
disque
carré
cercle
Obsolète. Veuillez le remplacer par un style.
valeur
Spécifie la valeur d'un élément de liste.
nombre
<dt>
terme de définition
Éléments de liste personnalisés
<jj>
définition description
Définir une description pour un élément de liste personnalisé
couleur
nom de la couleur
valeur de couleur
Liste de triche
Abréviation de l'étiquette et nom complet
Résumer
XHTML
Comment convertir HTML en XHTML
1. Ajoutez un <!DOCTYPE> XHTML à votre page Web
2. Ajoutez l'attribut xmlns à l'élément html de chaque page.
3. Changer tous les éléments en minuscules
4. Fermez tous les éléments vides
5. Changer tous les noms d'attributs en minuscules
6. Ajouter des guillemets à toutes les valeurs d'attribut
Utilisez le validateur W3C pour tester votre XHTML
XHTML
XHTML est du HTML écrit au format XML.
Qu’est-ce que XHTML ?
XHTML signifie Extensible Hypertext Markup Language
XHTML est presque identique à HTML 4.01
XHTML est une version plus stricte et plus pure du HTML
XHTML est HTML défini comme une application XML
XHTML est une recommandation du W3C publiée en janvier 2001
XHTML est pris en charge par tous les principaux navigateurs
Pourquoi utiliser XHTML ?
Les différences les plus importantes par rapport au HTML :
Structure du document
Le DOCTYPE XHTML est obligatoire
L'attribut d'espace de noms XML dans <html> est obligatoire
<html>, <head>, <title> et <body> sont également obligatoires
syntaxe des éléments
Les éléments XHTML doivent être correctement imbriqués
Les éléments XHTML doivent toujours être fermés
Les éléments XHTML doivent être en minuscules
Les documents XHTML doivent avoir un élément racine
Syntaxe de propriété
minuscule
Les attributs XHTML doivent être utilisés
entouré de guillemets
Les valeurs des attributs XHTML doivent être
interdit
La minimisation des attributs XHTML est également
<!DOCTYPE ....> est obligatoire
propriétés de l'événement
Propriétés globales des événements
Propriétés de l'événement.
Attributs d'événement de fenêtre
Cet événement est déclenché par la fenêtre (s'applique à la balise <body>) :
Les attributs
Nouvel événement d'attribut HTML5
suraprèsimpression
Exécuter le script après l'impression du document
suravantimpression
Exécuter le script avant l'impression du document
avant le chargement
Exécuter le script avant le chargement du document
une erreur
Exécuter le script lorsqu'une erreur se produit
sur le changement de hachage
Exécuter le script lorsque le document change
sur message
Exécuter le script lorsque le message est déclenché
en ligne
Exécuter le script lorsque le document est hors ligne
en ligne
Exécuter le script lorsque le document est mis en ligne
sur la pagemasquer
Exécuter le script lorsque la fenêtre est masquée
sur la pageafficher
Exécuter le script lorsque la fenêtre est visible
surpopstate
Exécuter le script lorsque l'historique des fenêtres change
on refaire
Exécuter le script lorsque le document effectue une restauration
onresize
Exécuter le script lorsque la fenêtre est redimensionnée
stockage
Exécutez le script lorsque la zone Web Storage est mise à jour (lorsque les données dans l'espace de stockage changent)
onannuler
Exécuter le script lorsque le document effectue une annulation
au déchargement
Exécuter le script lorsque l'utilisateur quitte le document
le flou
Exécuter le script lorsque la fenêtre perd le focus
se concentrer
Exécuter le script lorsque la fenêtre obtient le focus
en charge
Exécuter le script lors du chargement du document
Événements de formulaire
Les événements de formulaire sont déclenchés dans les formulaires HTML (applicables à tous les éléments HTML, mais l'élément HTML doit être dans le formulaire) :
Les attributs
HTML5 ajoute de nouveaux événements d'attribut.
dans le menu contextuel
Exécuter le script lorsque le menu contextuel est déclenché
sur le changement de formulaire
Exécuter le script lorsque le formulaire change
onforminput
Exécuter le script lorsque le formulaire reçoit une entrée de l'utilisateur
en entrée
Exécuter le script lorsque l'élément reçoit une entrée de l'utilisateur
surinvalide
Exécuter le script lorsque l'élément n'est pas valide
HTML 5 non pris en charge
onreset
Exécutez le script lorsque le formulaire est réinitialisé.
le flou
Exécuter le script lorsque l'élément perd le focus
sur le changement
Exécuter le script lorsque l'élément change
se concentrer
Exécuter le script lorsque l'élément obtient le focus
sur sélection
Exécuter le script lorsque l'élément est sélectionné
sursoumettre
Exécuter le script lorsque le formulaire est soumis
Événements de clavier
onkeydown
Exécuter le script lorsque la touche est enfoncée
sur une touche
Exécuter le script lorsque la touche est enfoncée et relâchée
sur la touche
Exécuter le script lorsque la clé est libérée
Événements de souris
HTML5 ajoute de nouveaux événements d'attribut.
glisser
Exécuter le script en faisant glisser l'élément
ondragend
Exécuter le script à la fin de l'opération de glissement
ondrager
Exécuter le script lorsqu'un élément est glissé vers une cible de dépôt valide
ondragleave
Exécuter le script lorsqu'un élément quitte une cible de glisser-déposer valide
ondragover
Exécuter le script lorsqu'un élément est glissé sur une cible de dépôt valide
ondragstart
Exécuter le script lorsque l'opération de glisser démarre
ondrop
Exécutez le script lorsque l'élément glissé est glissé-déposé
sur la molette de la souris
Exécuter le script lorsque la molette de la souris est tournée
défilement
Exécuter le script lorsque la barre de défilement d'un élément défile
sur clic
Exécuter le script lorsque vous cliquez sur la souris
ondblcliquez
Exécuter le script lorsque la souris est double-cliquée
sur la souris
Exécuter le script lorsque le bouton de la souris est enfoncé
surmousemove
Exécuter le script lorsque le pointeur de la souris se déplace
onmouseout
Exécuter le script lorsque le pointeur de la souris quitte l'élément
au survol de la souris
Exécuter le script lorsque le pointeur de la souris se déplace sur l'élément
sur la souris
Exécuter le script lorsque le bouton de la souris est relâché
Événements médiatiques
Cet événement est déclenché par des vidéos, des images ou de l'audio, et est principalement utilisé dans les éléments multimédias HTML tels que <audio>, <embed>, <img>, <object> et <video> :
Les attributs
Nouvel événement d'attribut HTML5
oncanplay
Exécuter le script lorsque la lecture du média peut commencer mais qu'il peut être nécessaire de l'arrêter en raison de la mise en mémoire tampon
on peut jouer
Exécuter le script lorsque le média peut être lu jusqu'à la fin sans s'arrêter en raison de la mise en mémoire tampon
changement de durée
Exécuter le script lorsque la longueur du média change
onvidé
Exécuter le script lorsqu'un élément d'actif multimédia est soudainement vide (erreur réseau, erreur de chargement, etc.)
terminé
Exécuter le script lorsque le média est terminé
une erreur
Exécuter le script lorsqu'une erreur se produit lors du chargement d'un élément
données chargées
Exécuter le script lorsque les données multimédias sont chargées
métadonnées chargées
Exécuter le script lorsque la durée de l'élément multimédia et d'autres données multimédias ont été chargées
onloadstart
Exécuter le script lorsque le navigateur commence à charger les données multimédias
en pause
Exécuter le script lorsque les données multimédias sont suspendues
en jeu
Exécuter le script lorsque la lecture des données multimédias est sur le point de commencer
en train de jouer
Exécuter le script lorsque la lecture des données multimédias a commencé
en cours
Exécuter le script pendant que le navigateur récupère les données multimédias
surchangement de taux
Exécuter le script lorsque le taux de lecture des données multimédias change
onreadystatechange
Exécuter le script lorsque l'état de préparation change
recherché
Exécuter le script lorsque l'attribut de positionnement de l'élément multimédia [1] n'est plus vrai et que le positionnement est terminé
recherche
Exécuter le script lorsque l'attribut de positionnement de l'élément multimédia est vrai et que le positionnement a commencé
installé
Exécuter le script en cas d'erreur (délai) lors de la récupération des données multimédias
suspendre
Exécuter le script lorsque le navigateur est déjà en train de récupérer des données multimédias mais s'arrête avant de récupérer l'intégralité du fichier multimédia
mise à jour à l'heure
Exécuter le script lorsque le média change sa position de lecture
sur le changement de volume
Exécuter le script lorsque le média change de volume ou lorsque le volume est mis en sourdine
en attente
Exécuter le script lorsque la lecture du média a été arrêtée mais qu'il est prévu de continuer à jouer
à l'abandon
Exécuter le script lorsqu'un événement d'abandon se produit
Autres événements
Les attributs
en spectacle
Se déclenche lorsqu'un élément <menu> est affiché dans son contexte
basculer
Se déclenche lorsque l'utilisateur ouvre ou ferme l'élément <details>
Remarque : Si l'attribut name n'est pas fourni, le nom dans la paire nom/valeur prend la valeur de l'attribut http-equiv.
Remarque : Les métadonnées apparaissent généralement sous forme de paires nom/valeur.
REMARQUE : Les étiquettes sont généralement situées
https://www.runoob.com/tags/att-iframe-align.html
Livre de référence
ASCII
Jeu de caractères ASCII
Caractères de contrôle de périphérique ASCII
Les caractères de contrôle ASCII (00-31, plus 127) ont été initialement conçus pour contrôler les périphériques matériels tels que les imprimantes et les lecteurs de bande.
Les caractères de contrôle (à l'exception des tabulations horizontales, des sauts de ligne et des retours chariot) n'ont aucun effet dans les documents HTML.
Code pays ISO
Code pays ISO 639-1
Code de langue ISO
Code de langue ISO 639-1
L'ISO 639-1 définit des abréviations pour différentes langues. Vous pouvez les utiliser dans les attributs lang et xml:lang en HTML et XHTML.
couleur
Sélecteur de couleurs/Sélecteur de couleurs
Teinte
Teinte
Saturation TSL
HSL clair/foncé
Saturation HSV
HSV clair/foncé
RVB (rouge, vert, bleu)
Valeur
Hex
hexadécimal
Hsl
Teinte, Saturation, Légèreté
Teinte, saturation, luminosité
Introduction
La teinte (H) est l'attribut de base de la couleur, communément appelé nom de couleur, comme le rouge, le jaune, etc.
La saturation (S) fait référence à la pureté d'une couleur. Plus elle est élevée, plus la couleur est pure, et plus elle est faible, la couleur devient progressivement grise. Elle prend une valeur de 0 à 100 %.
Valeur (V), luminosité (L), prendre 0-100 %.
Couleur définie par triplet
(h, s, l)
hsv
Teinte, Saturation, Valeur
Teinte, saturation, luminosité
Couleur définie par triplet
(h, s, v)
Également connu sous le nom de HSB, où B signifie anglais : Brightness.
Mélange de couleurs
nom de la couleur
Émoji
Livre de référence
Smiley
couleur
Encodage d'URL
Le codage URL convertit les caractères dans un format pouvant être transmis sur Internet.
Localisateur de ressources uniformes
Un navigateur Web demande une page à un serveur Web via une URL.
L'URL est l'adresse de la page Web, par exemple : https://www.runoob.com
Encodage d'URL
Les URL ne peuvent être utilisées que pour envoyer sur Internet.
Étant donné que les URL contiennent souvent des caractères en dehors du jeu ASCII, l'URL doit être convertie au format ASCII valide.
Le codage d'URL utilise "%" suivi de deux chiffres hexadécimaux pour remplacer les caractères non-ASCII.
L'URL ne peut pas contenir d'espaces. Le codage d'URL est généralement utilisé pour remplacer les espaces.
essayez-le
Fonction d'encodage d'URL
JavaScript, PHP et ASP fournissent tous des fonctions pour les chaînes de codage d'URL.
La fonction encodeURI() est utilisée en JavaScript, la fonction rawurlencode() est utilisée en PHP et la fonction Server.URLEncode() est utilisée en ASP.
table de conversion px,pt,em
Introduction aux différences entre px, em et rem
Méthode HTTP
Qu’est-ce que HTTP ?
Hypertext Transfer Protocol (HTTP) est conçu pour faciliter la communication entre les clients et les serveurs.
HTTP fonctionne comme un protocole requête-réponse entre un client et un serveur.
Un navigateur Web peut être le client et une application Web sur votre ordinateur peut être le serveur.
Exemple : Le client (navigateur) soumet une requête HTTP au serveur ; le serveur renvoie une réponse au client. La réponse contient des informations d'état sur la demande et le contenu qui a pu être demandé.
Deux méthodes de requête HTTP : GET et POST
Les deux méthodes les plus couramment utilisées pour les requêtes-réponses entre clients et serveurs sont : GET et POST.
OBTENIR
Demander des données à la ressource spécifiée.
Méthode OBTENIR
Notez que la chaîne de requête (paire nom/valeur) est envoyée dans l'URL de la requête GET :
/test/demo_form.php?name1=value1&name2=value2
Quelques notes supplémentaires sur les requêtes GET :
Les requêtes GET peuvent être mises en cache
Les requêtes GET restent dans l'historique du navigateur
Les requêtes GET peuvent être mises en signet
Les requêtes GET ne doivent pas être utilisées lors du traitement de données sensibles
Les requêtes GET ont des limites de longueur
Les requêtes GET ne doivent être utilisées que pour récupérer des données
POSTE
Soumet les données à la ressource spécifiée pour être traitées.
Méthode POST
Notez que la chaîne de requête (paire nom/valeur) est envoyée dans le corps du message HTTP de la requête POST :
Quelques notes supplémentaires sur les requêtes POST :
Les requêtes POST ne sont pas mises en cache
Les requêtes POST ne sont pas conservées dans l'historique du navigateur
POST ne peut pas être ajouté aux favoris
Les requêtes POST n'ont aucune exigence sur la longueur des données
Comparez GET et POST
Autres méthodes de requête HTTP
TÊTE
Identique à GET, mais seuls les en-têtes HTTP sont renvoyés, pas le corps du document.
METTRE
Téléchargez la représentation URI spécifiée.
SUPPRIMER
Supprimez la ressource spécifiée.
OPTIONS
Renvoie les méthodes HTTP prises en charge par le serveur.
CONNECTER
Convertit la connexion demandée en un canal TCP/IP transparent.
Les méthodes get et post dans Form correspondent respectivement aux méthodes GET et POST du protocole HTTP pendant le processus de transmission des données. Les principales différences entre les deux sont les suivantes :
Type IANA MIME.
Pour voir tous les codages de caractères disponibles, visitez les jeux de caractères IANA.
Propriétés booléennes