w3docs logo

Les Attributs HTML

Les attributs HTML sont utilisé pour fournir l'information supplémentaire sur Les éléments HTML. L'attribut a un nom suivi d'un signe égal (=) et d'une valeur placée entre guillemets ("").

Syntaxe

<tag attribute="valeur">Votre texte</tag>

Exemple

<!DOCTYPE html>
<html>
  <body>
    <a href="https://www.w3docs.com">Cliquez sur le lien, et vous serez redirigé vers la page d'accueil de notre site.</a>
  </body>
</html>

Résultat

Notre site

Cliquez et allez à la page d'accueil

Dans notre exemple, nous avons utilisé le tag <a>avec l’attribut href. Dans les citations, nous avons écrit l'adresse de la page sur laquelle l'utilisateur doit être redirigé après avoir cliqué sur le lien.

Attributs multiples

Un élément HTML peut contenir deux attributs ou plus. Les attributs séparent les uns des autres par un espace. La séquence d'attributs n'a pas d'importance.

Syntaxe

<tag attribut=”valeur” attribut=”valeur”>Texte</tag>

Liste des attributs HTML

Nous présentons ci-dessous les attributs HTML les plus utilisés.

Attribut Description Exemple
alt Définit un texte alternatif pour des images (il est affiché si l'image ne peut pas être chargée) alt=”HTML Attributes”
height Définit la hauteur de l’élément height=”250”
href Définit l’adresse du lien href=”https://www.w3docs.com/”
hreflang Définit la langue du document lié hreflang="en"
id Définit l’id uniqe pour l’élément HTML id="example"
lang Définit la langue du document (utilisé dans le tag <html>) <html lang="en-US">
rel Indique la relation entre le document source et le document auquel il est fait référence rel="nofollow"
shape Définit la forme de l’élément shape="circle"
span Définit les éléments de ligne du document span="2"
src Indique la source src=”image.jpg”
start Définit le numéro à partir duquel la liste numérotée commence (utilisé dans le tag <ol>) <ol start="30">
style Définit le style CSS pour l’élément HTML (taille, police, couleur etc.) style="color:red;text-align:right"
target Spécifie où ouvrir le lien target=”_blank”
wrap Définit comment porter du texte wrap=”hard”
width Définit la largeur de l’élément width=”120”

Pratiquez vos connaissances

Selon la page web, quelles sont les utilisations des attributs HTML?
Trouvez-vous cela utile?