Balises HTML Fermé

Question

Bonjour,
Je désire poser une question sur l'utlisation de block et blockquote. Pourrai t'on m'expliquer la différence et l'utilisation de ses deux balises, leur fonction m'embrouille, peut-on m'aider, merci beaucoup.

Gihef · Accepted Answer

Bonjour, “block” n'est pas une balise HTML. C'est un attribut CSS qu'on utilise avec “display” pour contraindre un élément en-ligne à se comporter comme un bloc. C'est-à-dire à passer en-dessous des autres plitôt que de rester à côté. http://fr.selfhtml.org/css/proprietes/positionnement.htm#display “ blockquote” est une balise HTML. Elle sert à faire une citation (quotation). Les navigateurs les affichent en général avec des retraits. http://fr.selfhtml.org/html/texte/citations_adresses.htm#citations Un exemple. La page en HTML : block - blockquote

Une citation de « Les deux tours », de J.R.R. Tolkien
(dans une balise

)

Ils allaient en file indienne, courant comme des limiers après un puissant fumet, une lueur de convoitise dans leurs yeux. L'immense traînée des Orques en marche traçait son vilain sillon presque droit vers l'ouest ; l'herbe douce du Rohan avait été écrasée et noircie sur leur passage.

On peut y lire :
(dans une balise ) Ils allaient en file indienne, courant comme des limiers.

Dans la citation, on trouve ces mots :
(sans "display:block;")
file traînée sillon passage
(avec "display:block;")
file traînée sillon passage

La feuille de styles (styles.css) en CSS :html, body { margin: 0; padding: 0; text-align: center; background-color: #b0c4de; } #conteneur { position: relative; margin: 0 auto; width: 760px; text-align: left; background-color: #f0f8ff; font-family: 'Trebuchet MS', Verdana, sans-serif; } blockquote, q, a { font-family : Georgia, serif; border : 1px solid #faa; } .en_bloc { display : block; } /* -------------------------------------------------------------------------------------------- Note Avec HTML, on fabrique les pages web. Avec CSS, on met en forme ces pages. En dehors du HTML en indiquant sur quels éléménts HTML les styles doivent s'appliquer. Dans mon exemple, j'utilise des :

Dans la feuille de style, en dehors du HTML, je change de police et leur applique une bordure : blockquote, q, a { font-family : Georgia, serif; border : 1px solid #faa; }-------------------------------------------------------------------------------------------- */ ++ Quelques liens utiles à conserver en favoris : https://www.la-grange.net/w3c/html4.01/index/elements.html http://www.yoyodesign.org/doc/w3c/css2/indexlist.html Et, au cas où : Roxane%2059 ou mes interventions --

Reivax962 · Answer

Bonjour, La balise blockquote est faite, à l'origine, pour marquer une citation. Dans les faits, c'est un simple

qui aurait un style prédéfini (une marge à gauche, un espace supplémentaire en haut et en bas). Le mieux est de coller à l'utilisation originalement prévue, c'est-à-dire l'utiliser pour une citation. Tout simplement parce que les autres utilisations possibles peuvent utiliser un div... Quant à la balise , elle n'existe tout simplement pas. Xavier

Reivax962 · Answer

Tiens, j'ai appris quelque chose ! Donc, je corrige ce que je disais :

n'est pas tout-à-fait un
ayant un formatage prédéfini, puisqu'il permet de définir une source de la citation via l'attribut cite="". Je ne sais pas comment c'est interprété par les navigateurs, ceci-dit.

Dalida · Answer

salut,

n'est pas tout-à-fait un
ayant un formatage prédéfini, puisqu'il permet de définir une source de la citation via l'attribut cite="" on parle de sémantique, quand tu utilises une balises en html, elle donne du sens à ton document. si on lit ton document dans un éditeur de texte on saura qu'il s'agit d'une citation même sans la mise en page car tu as utilisé la balise ad hoc. à l'inverse, c'est pour cela qu'il ne faut pas utiliser de balises uniquement dans le but de faire de la mise en page. '
' indique qu'il s'agit du titre principale du document, ça ne sert pas à mettre une phrase en gros et en gras… idem pour '' qui sert à dessiner des tableaux de données et pas à faire la mise en page. Je ne sais pas comment c'est interprété par les navigateurs, ceci-dit. le beurre, l'argent du beurre et le sourire de Virginie (c'est le prénom de ma crémière !). -:op et bien code une page avec une citation et essaie là avec plusieurs navigateurs ou envoie la à une moulinette à capture d'écran. -;o)

Balises HTML

4 réponses

Discussions similaires