Aide-mémoire HTML Essentials : balises, attributs, etc.
étiquette de base |
… |
La première et la dernière balises d’un document HTML. Toutes les autres balises sont placées entre ces balises de début et de fin. |
<头> … 头> |
Spécifie la collection de métadonnées pour le document. |
<标题> … 标题> |
Décrit le titre de la page et l’affiche dans la barre de titre du navigateur. |
<正文> … 正文> |
Inclure tout ce qui sera affiché sur la page Web. |
document |
<基地/> |
Mentionnez l’URL de base et tous les liens pertinents vers la documentation. |
<元/> |
Des informations supplémentaires sur la page, telles que l’auteur, la date de publication, etc. |
<链接/> |
Liens vers des éléments externes, tels que des feuilles de style. |
<样式> … 样式> |
Contient des informations de style de document, telles que CSS (feuilles de style en cascade). |
<脚本> … 脚本> |
Contient des liens vers des scripts externes. |
format texte |
… ou alors … |
Mettez le texte en gras. |
… |
Mettez le texte en italique et mettez-le en gras. |
… |
Mettez le texte en italique, mais ne le mettez pas en gras. |
<罢工> … 罢工> |
Texte barré. |
<引用> … 引用> |
Citez l’auteur cité. |
… |
Marquez la partie supprimée du texte. |
… |
Affiche la section du contenu inséré. |
<块引用> …
|
Utilisé pour afficher les cotations.habituellement avec les balises sont utilisées ensemble. |
… |
Pour des devis plus courts. |
… |
Pour les formulaires abrégés et complets. |
<地址> … 地址> |
Spécifiez les informations de contact. |
… |
pour la définition. |
<代码> … 代码> |
pour les extraits de code. |
… |
pour écrire des indices |
… |
Pour écrire des exposants. |
<小> … 小> |
Utilisé pour réduire la taille du texte et baliser les informations redondantes dans HTML5. |
structure de fichier |
… |
Titres à différents niveaux. H1 est le plus grand et H6 est le plus petit. |
…
|
Utilisé pour diviser le contenu en morceaux. |
… |
Incluez des éléments en ligne tels que des images, des icônes, des emojis sans casser le formatage de la page. |
…
|
Contient du texte brut. |
|
Créez une nouvelle ligne. |
|
Dessinez une barre horizontale pour montrer la fin de la section. |
liste |
…
|
Pour une liste ordonnée d’articles. |
|
Pour une liste non ordonnée d’éléments. |
…
|
pour un seul élément de la liste. |
…
|
Possède une liste définie d’éléments. |
…
|
Définition d’un terme unique en ligne avec le contenu du corps. |
…
|
Une description du terme défini. |
Lien |
… |
Balise d’ancrage pour les hyperliens. |
… |
Libellé pour le lien vers les adresses e-mail. |
… |
Balise d’ancrage pour la liste des numéros de contact. |
… |
Balise d’ancrage utilisée pour créer un lien vers une autre section de la même page. |
… |
Accédez à la section div de la page Web. (variante des balises ci-dessus) |
image |
|
Utilisé pour afficher les fichiers image. |
attributs des balises |
src= »URL » |
Lien vers le chemin source de l’image. |
alt= »texte » |
Texte affiché lorsque la souris survole l’image. |
hauteur= » » |
Hauteur de l’image en pixels ou pourcentages. |
largeur= » » |
Largeur de l’image en pixels ou pourcentages. |
align= » » |
L’alignement relatif des images sur la page. |
bordure= » » |
L’épaisseur de bordure de l’image. |
<地图> … 地图> |
Lien vers la carte cliquable. |
<地图名称=””> … 地图> |
Le nom de l’image de la carte. |
<区域/> |
La zone d’image de la carte d’image. |
attributs des balises |
forme= » » |
La forme de la zone d’image. |
coordonnées= » » |
Les coordonnées de la zone d’image de la carte. |
formulaire |
<表格> … 表格> |
La balise parent du formulaire HTML. |
|
action= »url » |
URL pour envoyer les données du formulaire. |
method= » » |
Spécifie le protocole de soumission du formulaire (POST ou GET). |
type d’encodage= » » |
Schéma d’encodage des données pour la soumission POST. |
complétion automatique |
Spécifie si la saisie semi-automatique du formulaire est activée ou désactivée. |
Ne vérifie pas |
Spécifie si le formulaire doit être validé avant d’être soumis. |
Accepter le jeu de caractères |
Spécifie le codage des caractères pour les soumissions de formulaire. |
Cibler |
Affiche où la réponse de soumission de formulaire sera affichée. |
|
Regrouper les éléments liés dans un formulaire/ |
<标签> … 标签> |
Spécifiez ce que l’utilisateur doit saisir dans chaque champ du formulaire. |
<传奇> … 传奇> |
Titre de l’élément fieldset. |
<输入/> |
Spécifie le type d’entrée à obtenir de l’utilisateur. |
attributs des balises |
taper= » » |
Déterminez le type de saisie (texte, date, mot de passe). |
nom= » » |
Spécifie le nom du champ de saisie. |
valeur= » » |
Spécifie la valeur dans le champ de saisie. |
taille= » » |
Définit le nombre de caractères dans le champ de saisie. |
longueur maximale = « » |
Définit la limite de caractères d’entrée autorisés. |
obligatoire |
Champ de saisie obligatoire. |
largeur= » » |
Définit la largeur du champ de saisie en pixels. |
hauteur= » » |
Définit la hauteur du champ de saisie en pixels. |
espace réservé= » » |
Décrit la valeur de champ attendue. |
motif= » » |
Spécifie une expression régulière qui peut être utilisée pour rechercher des modèles dans le texte utilisateur. |
minute = « » |
Entrez la valeur minimale autorisée pour un élément. |
max= » » |
Saisissez la valeur maximale autorisée pour un élément. |
désactivé |
Désactiver les éléments d’entrée. |
|
Utilisé pour capturer des chaînes de données plus longues de l’utilisateur. |
<选择> … 选择> |
Spécifie une liste d’options parmi lesquelles l’utilisateur peut choisir. |
|
nom= » » |
Spécifie le nom de la liste déroulante. |
taille= » » |
Le nombre d’options données à l’utilisateur. |
beaucoup |
Définit si les utilisateurs peuvent sélectionner plusieurs options dans la liste. |
obligatoire |
Spécifie si la soumission du formulaire nécessite la sélection d’une option. |
mise au point automatique |
Spécifie que la liste déroulante devient automatiquement le focus après le chargement de la page. |
<选项> … 选项> |
Définit les éléments de la liste déroulante. |
valeur= » » |
Affiche le texte d’une option donnée. |
choisir |
Définit les options par défaut affichées. |
<按钮> … 按钮> |
L’étiquette utilisée pour créer le bouton d’envoi du formulaire. |
Objets et iFrames |
<对象> … 对象> |
Décrit le type de fichier intégré. |
|
hauteur= » » |
la hauteur de l’objet. |
largeur= » » |
La largeur de l’objet. |
taper= » » |
Le type de média que contient l’objet. |
|
Une iframe pour intégrer des informations externes. |
nom= » » |
Le nom de l’iFrame. |
source= » » |
L’URL source du contenu dans le cadre. |
srcdoc= » » |
Contenu HTML dans le cadre. |
hauteur= » » |
La hauteur de l’iFrame. |
largeur= » » |
La largeur de l’iFrame. |
<参数/> |
Ajoutez des paramètres supplémentaires pour personnaliser l’iFrame. |
<嵌入> … 嵌入> |
Intégrez des applications externes ou des plugins. |
|
hauteur= » » |
Définit la hauteur de l’encastrement. |
largeur= » » |
Définissez la largeur de l’encastrement. |
taper= » » |
Type ou format intégré. |
source= » » |
Le chemin source du fichier incorporé. |
surface |
<表> … 表> |
Définissez tout le contenu de la table. |
<标题> … 标题> |
Descriptif du tableau. |
<头> … 头> |
Titre de chaque colonne du tableau. |
|
…
Définit les données de corps pour la table. |
|
…
Décrit le contenu du pied de tableau. |
|
…
Le contenu d’une seule ligne. |
| … |
Données dans un seul élément d’en-tête. |
| … |
Le contenu d’une seule cellule de tableau. |
…
|
Groupez les colonnes pour le formatage. |
|
Informations sur une seule colonne. |
Nouvel onglet HTML5 |
<标题> … 标题> |
Spécifie le titre de la page. |
<页脚> … 页脚> |
Spécifie le pied de page. |
<主>…主> |
Marquez le contenu principal de la page Web. |
<文章>…文章> |
Spécifie un article. |
<旁白> … 旁白> |
Spécifie le contenu de la barre latérale de la page. |
<节>…节> |
Spécifiez une section spécifique dans une page Web. |
<详情> … 详情> |
Utilisé pour décrire des informations supplémentaires. |
<摘要> … 摘要> |
Utilisé comme titre de l’étiquette ci-dessus. Toujours visible pour l’utilisateur. |
<对话>…对话> |
Créer un dialogue. |
<图>…图> |
Utilisé pour inclure des tableaux et des graphiques. |
… |
décrire
|
<标记>…标记> |
Mettez en surbrillance des parties spécifiques du texte. |
<导航>…导航> |
Ensemble de liens de navigation sur une page Web. |
<菜单>…菜单> |
Un élément spécifique dans une liste ou un menu. |
<米>…米> |
Mesurer les données dans une plage donnée. |
<进度>…进度> |
Placez une barre de progression et suivez les progrès. |
|
Affiche le texte qui ne prend pas en charge les commentaires Ruby. |
|
Affiche les détails des caractères typographiques d’Asie de l’Est. |
<红宝石>…红宝石> |
Annotations rubis pour la typographie est-asiatique. |
<时间>…时间> |
Identifie l’heure et la date. |
|
Sauts de ligne dans le contenu. |
¹Objets caractères HTML5 |
» ; ou alors " |
guillemets |
< ; ou < |
Moins que le signe (<) |
> ; ou > |
Signe supérieur à (>) |
; ou alors |
espace ininterrompu |
© ; ou &copie ; |
Symbole du droit d’auteur |
™ ; ou û |
symbole de la marque |
@; ou alors Ü |
« arobase (@) |
&; ou alors & |
esperluette (&) |
• ; ou alors ö |
petite balle |
¹ Ignorez les espaces avant les points-virgules lors de la saisie de caractères HTML. |