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
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?
Correcte!
Incorrecte!