Maison > interface Web > Questions et réponses frontales > Quels sont les attributs HTML ?

Quels sont les attributs HTML ?

王林
Libérer: 2023-05-15 17:57:08
original
2197 Les gens l'ont consulté

HTML est un langage de balisage utilisé pour créer des pages Web. En HTML, les attributs sont des caractéristiques d'un élément qui définissent son comportement. Les attributs peuvent définir la couleur, la taille, la cible du lien, etc. de l'élément. Dans cet article, nous présenterons certains attributs couramment utilisés en HTML.

  1. attribut de classe

l'attribut de classe est utilisé pour spécifier la catégorie à laquelle appartient l'élément. Les catégories peuvent être constituées d'un ou plusieurs mots, séparés par des espaces. Les catégories peuvent fournir des identifiants pour les paramètres de style CSS afin que le style des éléments puisse être contrôlé uniformément à l'échelle mondiale.

Par exemple :

<div class="container">
    <p class="paragraph">这是一个段落。</p>
</div>
Copier après la connexion

Dans l'exemple ci-dessus, l'élément div et l'élément p ont tous deux un attribut de classe. L'attribut de classe de l'élément div est "conteneur" et l'attribut de classe de l'élément p est "paragraphe".

  1. Attribut id

L'attribut id est utilisé pour spécifier l'identifiant unique de l'élément. L'attribut id peut être utilisé comme ancre de lien hypertexte dans le document ou comme élément positionné dans le code JavaScript.

Par exemple :

<div id="header">
    <h1>网站标题</h1>
</div>
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut id de l'élément div est "header".

  1. Attribut style

L'attribut style est utilisé pour définir les styles CSS pour les éléments. La valeur de l'attribut style est un style CSS et peut contenir plusieurs propriétés et valeurs CSS.

Par exemple :

<p style="color:red;font-size:20px;">这是一个段落。</p>
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut de style de l'élément p est "color:red;font-size:20px;". Attribut

  1. href L'attribut

href est utilisé pour spécifier l'adresse cible du lien hypertexte. L'attribut href peut être un chemin absolu ou un chemin relatif.

Par exemple :

<a href="http://www.example.com">这是一个链接</a>
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut href de l'élément a est "http://www.example.com".

  1. Attribut src

L'attribut src est utilisé pour spécifier l'adresse des fichiers multimédias tels que des images, de l'audio ou des vidéos.

Par exemple :

<img src="image.jpg">
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut src de l'élément img est "image.jpg". Attribut

  1. alt L'attribut

alt est utilisé pour fournir un texte alternatif pour les éléments de l'image. Lorsque l'image ne parvient pas à se charger, la valeur de l'attribut alt sera affichée sur la page.

Par exemple :

<img src="image.jpg" alt="这是一张图片">
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut alt de l'élément img est "Ceci est une image".

  1. Attribut title

L'attribut title est utilisé pour fournir des informations supplémentaires à l'élément. La valeur de l'attribut title sera affichée dans le navigateur lorsque la souris passera sur l'élément.

Par exemple :

<a href="http://www.example.com" title="这是一个链接">这是一个链接</a>
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut title de l'élément a est "Ceci est un lien".

  1. attribut cible

l'attribut cible est utilisé pour spécifier comment un lien hypertexte ouvre la page. L'attribut cible peut être _blank (ouvrir dans une nouvelle fenêtre), _self (ouvrir dans la fenêtre actuelle), etc.

Par exemple :

<a href="http://www.example.com" target="_blank">这是一个链接</a>
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut cible de l'élément a est "_blank".

Résumé

En HTML, les attributs sont des caractéristiques d'un élément qui définissent son comportement. Les attributs HTML couramment utilisés incluent la classe, l'identifiant, le style, href, src, alt, le titre, la cible, etc. La maîtrise de ces propriétés nous permet de mieux créer des pages Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal