recherche

Maison  >  Article  >  interface Web  >  Exemple simple de formatage de texte HTML

Exemple simple de formatage de texte HTML

高洛峰
高洛峰original
2017-02-11 14:18:421472parcourir

L'éditeur suivant vous apportera un exemple simple de formatage de texte HTML (explication détaillée). L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil

1. Formatage du texte : cet exemple montre comment formater le texte dans un fichier HTML.


Code XML/HTMLCopier le contenu dans le presse-papiers

  1. <html>

  3. <corps>

  5. <b>Ce texte est en grasb>

  7. <br />

  9. <strong>Ce texte est fort fort> 🎜><

    10. br

  10. />

  11. <grand>Ce texte est grand

  12. grand

    >

  13. <br / >

  15. <em>Ce texte est souligné

  16. em

    >

  17. < br />

  18. >

    i
  19. >

    Ce texte est en italiquei>

  21. <br />  

  22. <

    petit
  23. >

    Ce texte est petitpetit> 

  24.  

  25. <br / >

    26. Ce texte contient

  27. <

    sous>indice

    sous
  28. >

  30. <br />

    31. Ce texte contient

  32. <

    sup>exposant

    sup
  33. >

  35. corps>

    html
  36. >

  37. L'effet est le suivant : >

    2. Texte préformaté : cet exemple montre comment utiliser la balise pre pour contrôler les lignes vides et les espaces.


    Code XML/HTMLCopier le contenu dans le presse-papiers

    1. <html>

    3. <corps>

    5. <pré>

    6. Ceci est

    7. Préformaté texte.

    8. Il préserve les espaces

    9. et les sauts de ligne.

    10. pré>

    12. <p>la balise pré est idéale pour afficher du code informatique : p>

    13. pré

      14. >

    14. pour i = 1

      à 10 >
      15. imprimer i

    15. suivant i

    16. pré
    17. >

    18. corps
    19. > ;

       

    20. html> 

    21. L'effet est le suivant :

      22. 3. Étiquette « Sortie ordinateur » : Cet exemple montre les effets d'affichage de différentes étiquettes « Sortie ordinateur ».

    HTML 文本格式化的简单实例Code XML/HTML

    Copier le contenu dans le presse-papiers


    <html

    >

    1. <

      corps
    2. >

    3. <

      code
    4. >

      Code informatique

    5. code

      > <br />

    6. <kbd>Saisie au clavier

    7. kbd

      >

    <br />

    38. tt

  38. > Texte télétypett>

  39. <br /> <

    40. samp

  40. >Exemple de textesamp>

  41. <br /> <

    42. var

  42. >Variable informatique< ;/var>

  43. <br />

  45. <p>

  46. < b>Remarque : b>Ces balises sont souvent utilisées pour afficher l'ordinateur/ code de programmation.

  47. p>

  49. corps>

  50. < ;/html>

L'effet est le suivant :

HTML 文本格式化的简单实例

4. Adresse : Cet exemple montre comment écrire une adresse dans un fichier HTML.


Code XML/HTMLCopier le contenu dans le presse-papiers

  1. > >

  2. <corps>

    🎜>

  3. <adresse>

  4. Écrit par
    5. <

  5. a href="mailto:webmaster@example.com">Donald Duck

    a>.<br>  Rendez-nous visite à :<br> Exemple com<

  6. br> Boîte 564, Disneyland<

  7. br> États-Unis

  8. adresse>

  10. < /corps>

    12. html >

  12. L'effet est le suivant :

    5. et acronymes : cet exemple montre comment implémenter des abréviations ou des acronymes.

Code XML/HTML

Copier le contenu dans le presse-papiersHTML 文本格式化的简单实例


<

html>

  1. <corps>

  3. <abbr titre

    =
    4. "etcetera"

  4. >

    etc.

    5. abbr> <br /> 🎜>

  5. <acronyme titre="World Wide Web">WWWacronyme>

  6. <
  7. p

    >

    8. Dans certains navigateurs, le titre peut être utilisé pour afficher la version complète d'une expression lorsque vous déplacez la souris sur un mot abrégé. p> ><

    p

  8. > n'est valable que pour les éléments acronymes dans IE 5.

    p> ><p> est valable pour les éléments abbr et acronyme dans Netscape 6.2.

  9. p

    >

  10. >corps > > Orientation : cet exemple montre comment modifier l'orientation du texte.

  11. Code XML/HTML

    12. Copier le contenu dans le presse-papiers

  12. <

    13. html

  13. >

<

corps

>HTML 文本格式化的简单实例


<p>

  1. Si votre navigateur prend en charge la substitution bidirectionnelle (bdo), la ligne suivante sera émis de droite à gauche (rtl); >

    <
  2. bdo

    dir
    3. =
  3. "rtl "

    > Voici un texte en hébreu

  5. bdo

    >

  7. corps

    >

  8. html

    >

  9. L'effet est le suivant : Sept, citation en bloc : cet exemple montre comment obtenir une incohérence longue et courte. Une citation.

  11. Code XML/HTML

    Copier le contenu dans le presse-papiers

  12. <

    html
  13. >

  14. <

    corps>

Voici la longue citation :

HTML 文本格式化的简单实例

<blockquote

>

  • C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation. C'est une longue citation.

  • blockquote>

  • Voici la courte citation :

  • <q>

  • Ceci est une courte citation.

  • q>

  • <p>

  • Si vous utilisez le blockquote élément, le navigateur insérera des sauts de ligne et des marges, et l'élément q ne sera rendu d'aucune manière particulière.

  • p>

  • corps>

  • < ;/html>

    • L'effet est le suivant :

    HTML 文本格式化的简单实例

    Huit, supprimez les sous-effets et insérez des sous-effets.


    Code XML/HTMLCopier le contenu dans le presse-papiers

    1. <html>

    3. <corps>

    5. <p>Une douzaine <del> Vingtdel> <ins>Dix Deux ins> articles. p>

    6. ><

      7. p

    7. >La plupart des navigateurs réécriveront ceci pour barrer le texte et le souligner. p> ><

      p
    8. >

      Certains navigateurs plus anciens afficheront le texte barré et souligné comme du texte normal.

    9. p

      > >corps > >

    11. L'effet est le suivant :

      Le format de texte HTML ci-dessus L'exemple simple (explication détaillée) de transformation est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère également que vous soutiendrez le site Web PHP chinois. Pour plus d'articles liés à des exemples simples de formatage de texte HTML, veuillez faire attention au site Web PHP chinois !

    Déclaration：
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Article précédent：Une brève discussion sur les listes ordonnées HTML, les listes non ordonnées et les listes de définitionsArticle suivant：Une brève discussion sur les listes ordonnées HTML, les listes non ordonnées et les listes de définitions

    Articles Liés

    Voir plus