Table des matières:
- Cotes de bloc
- 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:
- Habituellement, HTML ignore les espaces blancs à l'intérieur des documents. C'est pourquoi un navigateur n'affiche aucun des retours Hard
- rules
- sur votre page, comme dans le code HTML suivant, le navigateur le remplace par une ligne, comme indiqué sur la figure.
Vidéo: Tutoriel HTML5 Complet Pour Débutants - Créer un blog en HTML 2025
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 inspiranteQuand 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émentpour 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 exempleExemples 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 horizontalesL'utilisation d'un élément de règle horizontal (hr) vous permet d'inclure des lignes droites solides appeléesrules
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.)
