Tutoriel HTML

ACCUEIL HTML Introduction HTML Éditeurs HTML HTML de base Éléments HTML Attributs HTML En-têtes HTML Paragraphes HTML Styles HTML Formatage HTML Citations HTML Commentaires HTML Couleurs HTML HTMLCSS Liens HTML Images HTML Icône de favori HTML Tableaux HTML Listes HTML Bloc HTML et Inline Cours HTML Identifiant HTML Iframes HTML HTMLJavaScript Chemins d'accès aux fichiers HTML Tête HTML Mise en page HTML HTML réactif Code informatique HTML Sémantique HTML Guide de style HTML Entités HTML Symboles HTML Émojis HTML Jeu de caractères HTML Encodage d'URL HTML HTML contre XHTML

Formulaires HTML

Formulaires HTML Attributs de formulaire HTML Éléments de formulaire HTML Types d'entrée HTML Attributs d'entrée HTML Attributs du formulaire de saisie HTML

Graphiques HTML

Canevas HTML HTML SVG

Médias HTML

Médias HTML Vidéo HTML Audio HTML Modules externes HTML YouTube HTML

API HTML

Géolocalisation HTML Glisser/déposer HTML Stockage Web HTML Travailleurs Web HTML HTML SSE

Exemples HTML

Exemples HTML Questionnaire HTML Exercices HTML Certificat HTML Résumé HTML Accessibilité HTML

Références HTML

Liste de balises HTML Attributs HTML Attributs globaux HTML Prise en charge du navigateur HTML Événements HTML Couleurs HTML Canevas HTML HTML Audio/Vidéo Doctypes HTML Jeux de caractères HTML Encodage d'URL HTML Codes de langue HTML Messagerie HTTP Méthodes HTTP Convertisseur PX en EM Raccourcis clavier

Citation HTML et éléments de citation


Dans ce chapitre, nous passerons en revue les éléments <blockquote>, <q>, <abbr>, <address>, <cite>et <bdo>HTML.


Exemple

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

HTML <blockquote> pour les citations

L'élément HTML <blockquote>définit une section qui est citée à partir d'une autre source.

Les navigateurs indentent généralement les <blockquote>éléments.

Exemple

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

HTML <q> pour les citations courtes

La balise HTML <q>définit une courte citation.

Les navigateurs insèrent normalement des guillemets autour de la citation.

Exemple

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>


HTML <abbr> pour les abréviations

La balise HTML <abbr>définit une abréviation ou un acronyme, comme "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".

Les abréviations de marquage peuvent donner des informations utiles aux navigateurs, aux systèmes de traduction et aux moteurs de recherche.

Conseil : Utilisez l'attribut de titre global pour afficher la description de l'abréviation/de l'acronyme lorsque vous passez la souris sur l'élément. 

Exemple

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <adresse> pour les informations de contact

La balise HTML <address>définit les coordonnées de l'auteur/propriétaire d'un document ou d'un article.

Les informations de contact peuvent être une adresse e-mail, une URL, une adresse physique, un numéro de téléphone, un identifiant de réseau social, etc.

Le texte de l' <address>élément s'affiche généralement en italique et les navigateurs ajoutent toujours un saut de ligne avant et après l' <address>élément.

Exemple

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <cite> pour le titre du travail

La balise HTML <cite>définit le titre d'une œuvre créative (par exemple un livre, un poème, une chanson, un film, une peinture, une sculpture, etc.).

Remarque : Le nom d'une personne n'est pas le titre d'une œuvre.

Le texte de l' <cite>élément s'affiche généralement en italique .

Exemple

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> pour le remplacement bidirectionnel

BDO est l'acronyme de Bi-Directional Override.

La balise HTML <bdo>est utilisée pour remplacer la direction actuelle du texte :

Exemple

<bdo dir="rtl">This text will be written from right to left</bdo>

Exercices HTML

Testez-vous avec des exercices

Exercer:

Utilisez un élément HTML pour ajouter des guillemets autour des lettres "cool".

<p>
Je suis tellementcool.
</p>


Citation HTML et éléments de citation

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation

Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .