Code HTML – Page 4 – <HTML> #CSS

<kbd>

<kbd> comme keyboard | clavier
Indique la saisie sous forme de texte de touche de clavier
Affiche le texte en police de caractère monospace

Code

Aperçu dans le navigateur

<kbd> utilise les attributs globaux

kbd {
  font-family: monospace;
}

<dfn>

<dfn> comme definition | définition
Permet de donner une définition au texte
Affiche le texte en italique

S'utilise souvent avec l'attribut global title pour donner une définition au terme
Sans l'attribut title c'est le contenu qui représente le terme que l'on définit.

Code

Aperçu dans le navigateur

<dfn> utilise les attributs globaux

dfn {
  font-style: italic;
}

dir-bdo

dir

Indique la direction du texte

<bdo dir="valeur">

Valeur	Description	Infos
ltr	Left To Right - de la gauche vers la droite
ltr	`<bdo dir="ltr">texte</bdo>` <bdo dir="ltr">texte qui se lit de gauche à droite</bdo>
rtl	Right To Left - de la droite vers la gauche
rtl	`<bdo dir="rtl">texte</bdo>` <bdo dir="rtl">texte qui se lit de droite à gauche</bdo>

<bdo>

<bdo> comme Bi-Directional Override | Remplacement bidirectionnel
Modifie la direction du texte (de la gauche vers la droite ou la droite vers la gauche)

Ne fonctionne qu'avec l'attribut dir

Code

Aperçu dans le navigateur

<bdo> utilise les attributs globaux

dir

Indique la direction du texte

<bdo dir="valeur">

Valeur	Description	Infos
ltr	Left To Right - de la gauche vers la droite
ltr	`<bdo dir="ltr">texte</bdo>` <bdo dir="ltr">texte qui se lit de gauche à droite</bdo>
rtl	Right To Left - de la droite vers la gauche
rtl	`<bdo dir="rtl">texte</bdo>` <bdo dir="rtl">texte qui se lit de droite à gauche</bdo>

bdo {
  unicode-bidi: bidi-override;
}

<address>

<address> comme address | adresse
Indique des informations de contact, de coordonnées (nom, adresse postale, mail, téléphone…)
Apparait en italique, suivi d’un saut de ligne

Code

Aperçu dans le navigateur

<address> utilise les attributs globaux

address {
  display: block;
  font-style: italic;
}

<abbr>

<abbr> comme abbreviation | abréviation
Définit l’utilisation d’une abréviation, d’un acronyme
Définit l’utilisation d’une abréviation, d’un acronyme
Affiche le texte sous ligné par une ligne en pointillé

S’utilise souvent avec l’attribut global title pour afficher le terme complet

Code

Aperçu dans le navigateur

<abbr> utilise les attributs globaux

abbr {
  display: inline;
}

S'utilise souvent avec l'attribut global title pour afficher le terme complet

Code

Aperçu dans le navigateur

<abbr> utilise les attributs globaux

abbr {
  display: inline;
}

cite-q

cite

Indique l’url vers la source du document ou du message cité

<q cite="url">

Valeur	Description	Infos
url	L'url, le lien vers la page web d'origine du texte cité En valeur absolue (le plus souvent) ou en valeur relative
url	`<q cite="url">texte</q>` <q cite="https://www.dicocitations.com/citation_celebre_ajout/28.php">Il faut cultiver notre jardin..</q>

<q>

<q> comme quote | citation courte
Indique une courte citation
Affiche la citation entre guillemets

Il est préférable d’utiliser <blockquote> pour de longues citations

Code

Aperçu dans le navigateur

<q> utilise les attributs globaux

cite

Indique l'url vers la source du document ou du message cité

<q cite="url">

Valeur	Description	Infos
url	L'url, le lien vers la page web d'origine du texte cité En valeur absolue (le plus souvent) ou en valeur relative
url	`<q cite="url">texte</q>` <q cite="https://www.dicocitations.com/citation_celebre_ajout/28.php">Il faut cultiver notre jardin..</q>

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

<cite>

<cite> comme cite | Titre d’une œuvre
Définit le titre d’une œuvre
Le titre de l’œuvre est affiché en italique

A n'utiliser qu'en cas de titre d'une œuvre et non de l'auteur ou autre

Code

Aperçu dans le navigateur

<cite> utilise les attributs globaux

cite {
  font-style: italic;
}

cite-blockquote

cite

Indique l’url vers la source du document ou du message cité

<blockquote cite="url">

Valeur	Description	Infos
url	L'url, le lien vers la page web d'origine du texte cité En valeur absolue (le plus souvent) ou en valeur relative
url	`<blockquote cite="url">bloc de texte</blockquote>` <blockquote cite="https://fr.wikipedia.org/wiki/Metz">Metz présente une importante diversité architecturale, de l’antiquité au XXe siècle</blockquote>