Insertion des citations en HTML

Balises de citation
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Cours HTML5 et CSS3 / Part 1
Revoir le teaser Je m'abonne
5,0
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
5,0
39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :
- Comprendre l'utilisation des balises HTML pour les citations.
- Savoir différencier l'utilisation des balises <cite>, <q> et <blockquote>.
- Assurer une bonne imbrication des différentes balises HTML.

Cette leçon explique comment utiliser les balises HTML pour insérer des citations longues et courtes dans votre texte.

Dans cette leçon, nous explorons les balises HTML permettant d'insérer des citations de manière appropriée. Nous verrons comment utiliser la balise <cite> pour référencer un auteur et la balise <q> pour insérer une citation courte. Pour des citations longues, nous introduirons la balise <blockquote> qui peut contenir des attributs spécifiques, comme la langue ou la source de la citation. Ces techniques sont essentielles pour structurer le texte de manière sémantique et claire, assurant ainsi une meilleure accessibilité et SEO. Nous verrons également comment correctement imbriquer les balises pour éviter les erreurs d'interprétation.

Voir plus
Questions réponses
Quelle balise doit-on utiliser pour citer un auteur ?
Pour citer un auteur, on utilise la balise <cite>.
Quand utilise-t-on la balise <strong>&lt;blockquote&gt;</strong> ?
La balise <blockquote> est utilisée pour des citations longues, comme des paragraphes ou des strophes de poèmes.
Quelle est la fonction de la balise <strong>&lt;q&gt;</strong> ?
La balise <q> est utilisée pour des citations courtes et insérées en ligne dans le texte.
Nous allons à présent aborder les balises qui permettent de donner un sens à la phrase, un sens concernant la citation. Il existe deux types de citations, les citations longues et les citations courtes. Je vais écrire un copier-coller les textes que j'ai déjà préparés et je vais insérer des paragraphes là-dessus, au moins sur le premier et puis sur le dernier. Voilà, l'autre sera un peu particulier. Pour insérer une citation, nous utilisons une balise qui se nomme Cite. Par exemple, Cite sera utilisée pour citer un nom d'auteur. Ici, Henri Bataille est tout à fait approprié. Donc, il ne s'agit pas de créer une citation à l'intérieur du bloc Cite, mais bien de spécifier qu'il s'agit d'une citation d'un auteur. Si vous souhaitez créer une citation courte, par exemple comme celle qui est dessous, donc Marcel Achard, nous allons l'écrire ici, il faut inclure l'ensemble de la citation dans une balise Q. Voici. Alors faites bien attention, nous avons un début de paragraphe, le début de la citation, M. Marcel Achard, placé entre les deux balises Cite, puis sa citation, placée entre les deux balises Q et fin de Q, et enfin la fin de paragraphe. Alors, bien que nous soyons dans un domaine de citation, il est à souligner que vous devez parfaitement, correctement imbriquer les balises. Il serait interdit, par exemple, d'écrire cela. Un début de balise Q, une fin de P et une fin de Q, puisque cela donnerait une mauvaise imbrication des balises. Donc là, on inclut, à l'intérieur de la balise P, on inclut un début de Cite, une fin de Cite, un début de Q, une fin de Q. Nous pourrions également mixer de la même manière cela, par exemple, mettre une petite balise B ici, pour augmenter la visibilité du nom. Mais de la même manière, Cite, il y a un début de B, une fin de B et la fin de Cite qui est située là. On va continuer alors par voir la suite des balises de citation. J'ai réalisé une citation d'un morceau de poème. Pour signifier que il s'agit bien d'un poème et d'une citation, nous l'incluons dans une balise qui s'appelle BlockCode. Donc, BlockCode est principalement réservé aux citations longues. À l'intérieur de BlockCode, vous devez également insérer obligatoirement une balise de type bloc. Alors, généralement, il s'agit de la balise P, mais nous verrons que vous pouvez également avoir d'autres balises, telles que la balise div, par exemple. La balise BlockCode peut contenir des attributs. Alors, notamment, elle peut contenir un attribut de langue, qui permet à un navigateur oral de savoir dans quelle langue il s'agit de lire cette citation. Donc, langue égale fr, par exemple. Et puis, un autre attribut qui ressemble à la balise que nous venons de voir, mais qui s'appelle site. Et attention, ici, il s'agit bien d'un attribut et non plus d'une balise. C'est la raison pour laquelle je vous la montre ici. La balise site, généralement, elle permet de relier cette citation à l'endroit où on l'a trouvée. Alors, par exemple, moi, je l'ai trouvée à cet endroit de ./.www.unjourunpoem. Voilà le site depuis lequel j'ai trouvé cette citation. Alors, ./.www.unjourunpoem.fr Donc, il s'agit bien d'un attribut et non plus d'une balise. Alors, à présent, si je regarde cette page directement dans un navigateur, nous allons regarder tout de suite ce qui se passe. Citation d'un poème de Henri Bataille, nous sommes bien à l'intérieur de la bonne balise, dans le recueil Le Beau Voyage. Citation en bas, citation courte, nous avons bien réalisé ce que nous souhaitions, mais l'ensemble des différentes strophes de ce poème sont finalement écrites sur la même ligne. Il n'y a pas de retour à la ligne tel que nous voudrions. Donc là, nous sommes obligés d'utiliser une balise BR qui va imposer à la fin de chaque ligne théorique un retour obligatoire à la ligne. J'ai copié-collé la balise BR. J'enregistre et de nouveau, je regarde dans le navigateur et à présent, ma portion de poème semble être correctement écrite lorsque j'aurai ajouté le BR ici. Je réactualise et nous obtenons le poème correct. On récapitule les balises P pour des paragraphes classiques, la balise C pour citer un auteur, la balise Q pour citer une portion de citation courte, généralement sur une seule ligne, et la balise bloc-cote qui permet de citer de grandes portions de citations ou bien quelques strophes de poèmes. Attention, il doit y avoir à l'intérieur de la balise bloc-cote une balise P ou n'importe quel type bloc.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 11 months
Commentaire
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 year
Commentaire
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 years
Commentaire
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 years
Commentaire
Très bonne formation .
gabamano85
Il y a 3 years
Commentaire
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 3 years
Commentaire
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 3 years
Commentaire
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 3 years
Commentaire
est ce la 2éme partie existe sur ce cours?
Nos dernières formations XHTML/CSS
  • Créer un site web avec HTML/CSS
    Découvrir
    Avant d'apprendre à développer et mettre en ligne votre propre site Internet, il est important de bien connaître les bases du HTML et du CSS. Dans cette formation en vidéo et cours en ligne, vous découvrez ce qu'est le HTML et CSS ?&nbsp;Le fonctionnement des sites web ainsi que la structure d'une page HTML.&nbsp; Vous êtes guider pas à pas pour apprendre à intégrer des images, de l'audio et des vidéo. Vous apprenez à gérer et ajuster les polices en CSS, à comprendre&nbsp;la structure du CSS, les tableaux, boutons et formulaires en CSS.&nbsp; Vous suivez la&nbsp;méthodologie de mise en page CSS et à styliser une page web avec le CSS. Formation pratique vous créez et stylisez les éléments principaux d'un site web avant de&nbsp;mettre en ligne et indexer un site, d'ajouter des éléments graphiques en CSS et d'animer un site en CSS
    16h20 14 leçons
  • Apprendre CSS 3
    Découvrir
    14h58 172 leçons 4,50 / 5
  • Apprendre HTML 5 - Les fondamentaux
    Découvrir
    Maîtriser les fondamentaux du language HTML5.
    5h11 101 leçons 3,67 / 5
  • Maîtriser Materialize CSS - Le framework pour le Material Design
    Découvrir
    Maîtriser le framework Materialize CSS pour faire du Material Design
    2h22 20 leçons
  • Maîtrisez les Flexbox CSS - La mise en page responsive
    Découvrir
    Maîtriser la mise en page grâce à la flexbox issue du CSS 3
    46min 9 leçons 4,33 / 5