Comment faire pour contrôler les blocs de texte en HTML5

category Ordinateurs et logiciels / Programmation / Html

Des blocs de texte de jeter les bases de votre page web. Vous utilisez des blocs de texte pour créer des choses telles que les titres, paragraphes et des listes. Vous pouvez briser ces blocs en petits morceaux pour de meilleurs lecteurs de guidage grâce à votre contenu.

Sommaire

  • Une citation inspirante

    • Citations de bloc

    UN bloc devis est une citation, ou d'un extrait d'une source protégée, que vous démarquer sur une page. Utilisez le

    élément pour enfermer citations:

    Citations célèbres
    Une citation inspirante
    Quand je besoin d'un peu d'inspiration pour me rappeler pourquoi je passe mon daysin la salle de classe, je me souviens de tout ce que dit Lee Iococca:
    Dans une société tout à fait rationnelle, le meilleur d'entre nous seraient teachersand le reste d'entre nous aurait à se contenter de quelque chose d'autre.

    La plupart des navigateurs web affichent bloc de contenu de devis avec un léger retrait à gauche, comme le montre cette figure.

    image0.jpg

    Texte préformaté

    Ordinairement, HTML ignore l'espace blanc à l'intérieur des documents. Voilà pourquoi un navigateur ne affichera pas d'un élément de bloc

    • Dur renvoie.

    • Sauts de ligne.

    • De grands espaces blancs.

    Le balisage suivant comprend divers retours durs, sauts de ligne, et beaucoup d'espaces. La figure montre que le navigateur Web ignore tout cela.

    image1.jpg
    Ceci est une paragraphwith beaucoup de spacethrown blanc pour le plaisir (et comme un test bien sûr).



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

    ) Instruit les navigateurs de garder tout l'espace blanc intacte alors qu'il affiche votre contenu. (Comme cela est représenté dans l'exemple de code.) Utiliser le 
     élément à la place du 
    élément pour rendre le navigateur applique tout votre espace blanc, comme le montre la figure.
    image2.jpg
    White Space
    Ceci est une paragraphwith beaucoup de spacethrown blanc pour le plaisir (et comme un test bien sûr).
    Vous voudrez peut-être le navigateur pour afficher les espaces blancs dans une page HTML où bon espacement est important, comme par
    • Les exemples de code
    • Les données en colonnes, des chiffres ou d'autres textes de format sensibles
    • Les tableaux de texte
    Vous pourriez nid 
     éléments à l'intérieur 
     éléments à contrôler attentivement comment les lignes de texte cité apparaissent sur la page. Ou mieux encore, oublier ces balises et utiliser les CSS pour positionner les blocs de texte à l'intérieur 
     éléments.
    Les règles horizontales
    Utilisation d'un élément de règle horizontale (heure) Vous permet d'inclure des lignes droites solides appelés règles sur votre page.
    Le navigateur crée la règle sur la base du heure élément, afin que les utilisateurs ne pas attendre pour un graphique à télécharger. Une règle horizontale est une bonne option pour
    • Casser une page en sections logiques.
    • Têtes et pieds de page séparés du reste de la page.
    Formatage
    Lorsque vous incluez une 
     élément sur votre page, comme dans le code HTML suivant, le navigateur remplace par une ligne, comme indiqué dans la figure.
    image3.jpg
    Règles horizontales
    Ceci est un paragraphe suivi d'une règle horizontale.
    Ceci est un paragraphe précédée par une règle horizontale.
    Une règle horizontale est toujours assis sur une ligne itself- vous ne pouvez pas ajouter le 
     élément dans le milieu d'un paragraphe (ou autre élément de bloc) et attendre la règle apparaisse dans le milieu du bloc.
    Le bit de code HTML suivant crée une règle horizontale qui prend en hausse de 45 pour cent de la largeur de la page, est de 4 pixels (px) de haut, est aligné au centre, et a ombrage éteint:
    Ceci est un paragraphe suivi d'une règle horizontale.
    Ceci est un paragraphe précédée par une règle horizontale.
    La figure montre comment ajouter des attributs dans l'exemple précédent modifie la façon dont une règle apparaît. (Note: Ces attributs sont obsolètes, et le meilleur remplacés par des équivalents CSS. Attributs obsolètes sont couverts en ligne, et le code HTML précédentes ne sont pas valides.)
    image4.jpg
     
     
     
     
     
     
     
     
    Articles Similaires
     
      

     
     
    A propos Auteur
     
      Comment créer des paragraphes en HTML5 Comment créer des paragraphes en HTML5 
    Paragraphes apparaissent plus souvent que tout autre bloc de texte dans les pages Web. Rappelez-vous, cependant, que les navigateurs HTML ne reconnaissent pas des retours que vous entrez lorsque vous créez votre page à l'intérieur d'un éditeur.…
      Comment définir des styles pour plusieurs éléments pour HTML5 et CSS3 programmation Comment définir des styles pour plusieurs éléments pour HTML5 et CSS3 programmation 
    Parfois, vous voudrez peut-être un certain nombre d'éléments sur votre page web basée HTML5 et CSS3 pour partager des styles similaires. Jetez un oeil à cet exemple pour le voir en action.Les trois premiers titres ont tous des styles très…
      Comment faire flotter un paragraphe pour HTML5 et CSS3 programmation Comment faire flotter un paragraphe pour HTML5 et CSS3 programmation 
    Paragraphes et autres éléments de niveau bloc ont un comportement par défaut bien défini dans CSS3. Ils prennent toute la largeur de la page, et l'élément suivant apparaît ci-dessous. Lorsque vous appliquez l'élément à un paragraphe, le…
      Comment remplacer styles CSS3 Comment remplacer styles CSS3 
    Avec des styles CSS3 héritées vient la possibilité de remplacer une règle de style hérité. Par exemple, jetez un oeil sur le code ci-dessous pour avoir une idée de ce que cela pourrait signifier:overRide.htmlCette div a seulement le style du…
      Comment utiliser les styles locaux pour HTML5 et CSS3 programmation Comment utiliser les styles locaux pour HTML5 et CSS3 programmation 
    Un style peut être défini directement dans le corps HTML5. Voici un exemple de ce type de code. Un style local est aussi parfois appelé un niveau élément style, car il modifie une instance particulière d'un élément de la…
      Le document HTML5 organisation revisité Le document HTML5 organisation revisité 
    Le cadre d'un simple document HTML se compose d'une tête et le corps. La tête fournit des informations sur le document sur le navigateur (et parfois aussi pour le serveur Web), et le corps contient du contenu qui apparaît dans la fenêtre du…
      Travailler avec les teneurs en éléments de code avec javascript Travailler avec les teneurs en éléments de code avec javascript 
    En javascript, vous pouvez afficher les types de nœuds et les valeurs de nœud en utilisant le DOM HTML. Vous pouvez également définir les valeurs des propriétés d'éléments dans le DOM en utilisant la Élément objet. Lorsque vous…
      Comment utiliser la getElementById de javascript pour accéder à un élément spécifique Comment utiliser la getElementById de javascript pour accéder à un élément spécifique 
    Vous pouvez utiliser javascript pour accéder à un élément dans une page HTML. Vous pouvez le faire à apporter des modifications à l'élément ou à la mise en forme CSS. Essayez-le dans un exercice.Ouvrez votre éditeur de texte avec un…
      Éléments HTML de base Éléments HTML de base 
    HyperText Markup Language (HTML) est le langage de l'âme, où éléments dicter la forme et le style de votre contenu. Éléments HTML composent le codage téléchargé que vous voyez quand vous allez à une page Web dans votre navigateur Web…
      Une page web de l'échantillon en html Une page web de l'échantillon en html 
    Lorsque vous créez des pages Web, vous utilisez HTML - beaucoup! L'exemple suivant montre la mise en forme HTML et les codes que vous utilisez pour créer des titres et des titres, des listes, des lignes et des images ainsi que caractères gras et…
      Propriétés de bloc de feuilles de style en cascade (CSS) Propriétés de bloc de feuilles de style en cascade (CSS) 
    Propriétés de bloc de contrôle de l'alignement et l'espacement des objets sur une page grâce à leurs balises et les attributs. Blocs comprennent du texte, contenu à l'intérieur tags (avec et sans positions spécifiées), étiquettes en…
      La conception de votre site Web avec HTML / HTML5 La conception de votre site Web avec HTML / HTML5 
    Si vous concevez des sites Web, vous allez probablement vouloir utiliser conforme aux standards HTML5 balisage - après tout, vous devez utiliser un certain type de langage de balisage afin que vos sites Web peuvent communiquer, non? Le tableau ci…
      Get Set: html cheval sens Get Set: html cheval sens 
    Les gens utilisés pour se référer au sens commun comme «cheval de sens." La plupart des choses à propos de HTML relèvent du domaine de cheval sens. Après vous voyez balises HTML à quelques reprises, la plupart des règles "sentir", et…
      Comment feuilles de style en cascade améliorer html Comment feuilles de style en cascade améliorer html 
    CSS (Cascading Style Sheets) était une technologie recommandée par le World Wide Web Consortium (W3C) en 1996. Un moyen facile de comprendre le but de CSS est de le considérer comme un ajout à HTML qui permet de simplifier et d'améliorer la…
     
     
     »  »  »  » Comment faire pour contrôler les blocs de texte en HTML5