Format texte dans un document HTML5

Documents HTML comprennent du texte, des images, des fichiers multimédias, des liens, et d'autres morceaux de contenu que vous moule dans une page Web en utilisant des éléments de balisage et les attributs. Vous utilisez des blocs de texte pour créer des choses telles que les titres, paragraphes et des listes. La première étape dans la création d'un document HTML solide est en train de jeter des bases solides pour établir la structure du document.

Voici une définition d'un ultratechnical bloc de texte: un certain morceau de contenu qui remplit une ou plusieurs lignes à l'intérieur d'un élément HTML.

En fait, une page HTML est une collection de blocs de texte:

  • Chaque bit de contenu sur votre page doit faire partie d'un élément de bloc.




  • Éléments de bloc se terminent habituellement par un saut de ligne lors du rendu dans un navigateur Web.

  • Chaque élément de bloc se trouve à l'intérieur du élément sur votre page. En fait, est le bloc ultime!

La différence entre les éléments en ligne et un bloc de texte est important. Un jeélément de nline est un mot ou une chaîne de mots à l'intérieur un élément de bloc (par exemple, des éléments de texte accent, comme ou ). Les éléments en ligne doivent être imbriqués dans un bloc element- contraire, votre document HTML ne sont pas syntaxiquement correcte.

Les éléments en ligne, tels que les éléments de liaison et le formatage, sont conçus pour relier à partir (ou modifier l'apparence de) quelques mots ou quelques lignes de contenu trouvés à l'intérieur ces blocs.

HTML reconnaît plusieurs types de blocs de texte que vous pouvez utiliser dans votre document, y compris (mais sans s'y limiter) les éléments figurant dans ce tableau.

Une majorité de HTML5 niveau bloc-Elements
ÉlémentDescriptionÉlémentDescription
articleLe contenu de l'articleentêteSection ou tête de page
de côtéOutre le contenuh1-h6Rubrique niveaux 1-6
blockquoteBloquer cotationheure*Horizontal rule
corpsCorps de la pagepParagraphe
br1Saut de lignepréTexte préformaté
divDivision dans la page websectionSection dans la page web
figureGroupes image et la légendetable, et ainsi de suite2Tableaux HTML
footerSection ou pied de pageul, ol,dlListes par type

1 Indique un élément vide (seule étiquette, pas de paire).

2 Tous les éléments de table entrent dans cette cellule.

Pour plus sur le langage HTML éléments de bloc, visitez le site Web Tutorial Chip: “ HTML5 niveau bloc Elements: Liste complète ”.


» » » » Format texte dans un document HTML5