communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison interface Web tutoriel HTML Exemple simple de formatage de texte HTML

Exemple simple de formatage de texte HTML

高洛峰
高洛峰
Feb 11, 2017 pm 02:18 PM
html 文本 格式化

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

    Outils d'IA chauds

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Afficher plus

    Article chaud

    R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Meilleurs paramètres graphiques
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Assassin's Creed Shadows: Solution d'énigmes de coquille
    2 Il y a quelques semaines By DDD
    R.E.P.O. Comment réparer l'audio si vous n'entendez personne
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Commandes de chat et comment les utiliser
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Afficher plus

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Afficher plus

    Sujets chauds

    Où se trouve l'entrée de connexion pour la messagerie Gmail ?
    7524
    15
    Tutoriel CakePHP
    1378
    52
    Quel est le format du nom de compte de Steam
    81
    11
    Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent
    54
    19
    NYT Connexions Indices et réponses
    21
    74
    Afficher plus
    Related knowledge
    Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

    Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

    Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

    Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

    Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

    Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

    Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

    Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

    Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

    Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

    Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

    Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

    Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

    Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

    Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

    Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

    See all articles