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

Exemple simple de formatage de texte HTML

高洛峰
Libérer: 2017-02-11 14:18:42
original
1502 Les gens l'ont consulté

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>

  2. <corps>

  3. <b>Ce texte est en grasb>

  4. <br />

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

  6. br
  7. />

  8. <grand>Ce texte est grand

  9. grand

    >
  10. <br / >

  11. <em>Ce texte est souligné

  12. em

    >
  13. < br />

  14. >

    i
  15. >

    Ce texte est en italiquei>

  16. <br />  

  17. <

    petit
  18. >

    Ce texte est petitpetit> 

  19.  

  20. <br / >

  21. Ce texte contient
  22. <

    sous>indice

    sous
  23. >

  24. <br />

  25. Ce texte contient
  26. <

    sup>exposant

    sup
  27. >

  28. corps>

    html
  29. >

  30. 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>

    2. <corps>

    3. <pré>

    4. Ceci est

    5. Préformaté texte.

    6. Il préserve les espaces

    7. et les sauts de ligne.

    8. pré>

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

    10. pré

    11. >
    12. pour i = 1

      à 10 >
    13. imprimer i
    14. suivant i

    15. pré
    16. >

    17. corps
    18. > ;

       

    19. html> 

    20. L'effet est le suivant :

    21. 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 />

  31. tt
  32. > Texte télétypett>

  33. <br /> <

  34. samp
  35. >Exemple de textesamp>

  36. <br /> <

  37. var
  38. >Variable informatique< ;/var>

  39. <br />

  40. <p>

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

  42. p>

  43. corps>

  44. < ;/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. <
  6. a href="mailto:webmaster@example.com">Donald Duck

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

  7. br> Boîte 564, Disneyland<

  8. br> États-Unis

  9. adresse>

  10. < /corps>

  11. 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>

  2. <abbr titre

    =
  3. "etcetera"
  4. >

    etc.
  5. abbr> <br /> 🎜>

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

  7. <
  8. p

    >

  9. 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
  10. > 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.

  11. p

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

  13. Code XML/HTML

  14. Copier le contenu dans le presse-papiers
  15. <

  16. html
  17. >

<

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. =
  4. "rtl "

    > Voici un texte en hébreu

  5. bdo

    >

  6. corps

    >

  7. html

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

  9. Code XML/HTML

    Copier le contenu dans le presse-papiers

  10. <

    html
  11. >

  12. <

    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>

    2. <corps>

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

    4. ><

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

      p
    7. >

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

    8. p

      > >corps > >

    9. 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 !

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    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
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal