Comment contrôler les blocs de texte en HTML5 - Les nuls

Des blocs de texte construisent les bases de votre page Web. Vous utilisez des blocs de texte pour créer des éléments tels que les en-têtes, les paragraphes et les listes. Vous pouvez diviser ces blocs en morceaux plus petits pour mieux guider les lecteurs à travers votre contenu.

Cotes de bloc

Une citation de bloc est une citation, ou un extrait d'une source protégée par des droits d'auteur, que vous avez mise de côté sur une page. Utilisez l'élément pour placer des citations:

Citations célèbres

Une citation inspirante

Quand j'ai besoin d'un peu d'inspiration pour me rappeler pourquoi je passe mes journées en classe, je me souviens de ce que disait Lee Iococca:
Dans une société complètement rationnelle, les meilleurs d'entre nous seraient des enseignants et le reste d'entre nous devrait se contenter d'autre chose.

La plupart des navigateurs Web affichent le contenu du devis de bloc avec un léger retrait à gauche, comme illustré dans cette figure.

Texte préformaté

Habituellement, HTML ignore les espaces blancs à l'intérieur des documents. C'est pourquoi un navigateur n'affiche aucun des retours Hard

d'un élément de bloc.

• Sauts de ligne.

• Grands espaces blancs.

• Le balisage suivant inclut plusieurs retours difficiles, sauts de ligne et beaucoup d'espaces. La figure montre que le navigateur Web ignore tout cela.

Ceci est un paragraphe avec beaucoup d'espace blanc pour s'amuser (et comme test bien sûr).

L'élément de texte préformaté (

) indique aux navigateurs de conserver tous les espaces vides lorsqu'ils affichent votre contenu. (Comme indiqué dans l'exemple de code.) Utilisez l'élément

à la place de l'élément
pour que le navigateur applique tout votre espace blanc, comme indiqué sur la figure.
Espace blanc

Ceci est un paragraphe avec beaucoup d'espace blanc pour s'amuser (et comme test bien sûr).
Vous pouvez souhaiter que le navigateur affiche des espaces blancs dans une page HTML où l'espacement est important, par exemple


Exemples de code


Données de colonne, nombres ou autre texte sensible au format


Tableaux texte < Vous pouvez imbriquer


éléments à l'intérieur des éléments


pour contrôler soigneusement la façon dont les lignes de texte entre guillemets apparaissent sur la page. Ou mieux encore, oubliez ces balises et utilisez CSS pour positionner les blocs de texte à l'intérieur des éléments.
Règles horizontales

L'utilisation d'un élément de règle horizontal (hr) vous permet d'inclure des lignes droites solides appelées


rules
sur votre page. Le navigateur crée la règle en fonction de l'élément hr, de sorte que les utilisateurs n'attendent pas le téléchargement d'un graphique. Une règle horizontale est une bonne option pour fractionner une page en sections logiques.
Séparez les en-têtes et les pieds de page du reste de la page.


Formatage


Lorsque vous incluez un élément



sur votre page, comme dans le code HTML suivant, le navigateur le remplace par une ligne, comme indiqué sur la figure.
Règles horizontales Ceci est un paragraphe suivi d'une règle horizontale.

Ceci est un paragraphe précédé d'une règle horizontale.
Une règle horizontale se trouve toujours sur une ligne par elle-même; vous ne pouvez pas ajouter l'élément
au milieu d'un paragraphe (ou d'un autre élément de bloc) et attendre que la règle apparaisse au milieu du bloc.

Le bit HTML suivant crée une règle horizontale qui occupe 45% de la largeur de la page, 4 pixels (px) de haut, est alignée sur le centre et l'ombrage est désactivé: Ceci est un paragraphe suivi par une règle horizontale.
Ceci est un paragraphe précédé d'une règle horizontale.
La figure montre comment l'ajout d'attributs dans l'exemple précédent modifie la façon dont une règle apparaît. (Note:

Ces attributs sont obsolètes et doivent être remplacés par des équivalents CSS Les attributs obsolètes sont couverts en ligne et le code HTML précédent n'est pas valide.)