Heim > Web-Frontend > HTML-Tutorial > Einfaches Beispiel für die HTML-Textformatierung

Einfaches Beispiel für die HTML-Textformatierung

高洛峰
Freigeben: 2017-02-11 14:18:42
Original
1487 Leute haben es durchsucht

Der folgende Editor zeigt Ihnen ein einfaches Beispiel (ausführliche Erklärung) der HTML-Textformatierung. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Editor und werfen wir einen Blick darauf.

1. Textformatierung: Dieses Beispiel zeigt, wie man Text in einer HTML-Datei formatiert.


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. <html>

  2. <Körper>

  3. <b>Dieser Text ist fett gedrucktb>

  4. <br />

  5. <stark>Dieser Text ist stark stark> 🎜><

  6. br
  7. />

  8. <groß>Dieser Text ist groß

  9. groß

    >
  10. <br / >

  11. <em>Dieser Text ist hervorgehoben

  12. em

    >
  13. < br />

  14. >

    i
  15. >

    Dieser Text ist kursivi>

  16. <br />  

  17. <

    klein
  18. >

    Dieser Text ist kleinklein> 

  19.  

  20. <br / >

  21. Dieser Text enthält
  22. <

    sub>subscript

    sub
  23. >

  24. <br />

  25. Dieser Text enthält
  26. <

    sup>hochgestellt

    sup
  27. >

  28. body>

    html
  29. >

  30. Der Effekt ist wie folgt: >

    2. Vorformatierter Text: Dieses Beispiel zeigt, wie das Pre-Tag verwendet wird, um Leerzeilen und Leerzeichen zu steuern.


    XML/HTML-CodeInhalt in die Zwischenablage kopieren

    1. <html>

    2. <Körper>

    3. <pre>

    4. Dies ist

    5. vorformatiert Text.

    6. Es behält Leerzeichen

    7. und Zeilenumbrüche bei.

    8. pre>

    9. <p>Pre-Tag eignet sich hervorragend zum Anzeigen von Computercode: p>

    10. pre

    11. >
    12. für i = 1

      bis 10 >
    13. drucke i
    14. nächstes i

    15. pre
    16. >

    17. body
    18. > ;

       

    19. html> 

    20. Die Wirkung ist wie folgt:

    21. 3. Beschriftung „Computer-Ausgabe“: Dieses Beispiel demonstriert die Anzeigeeffekte verschiedener Beschriftungen „Computer-Ausgabe“.

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

    Inhalt in die Zwischenablage kopieren


    <html

    >

    1. <

      Körper
    2. >

    3. <

      Code
    4. >

      Computercode

    5. Code

      > <br />

    6. <kbd>Tastatureingabe

    7. kbd

      >

    <br />

  31. tt
  32. > Fernschreibtexttt>

  33. <br /> <

  34. Beispiel
  35. >Beispieltextsamp>

  36. <br /> <

  37. var
  38. >Computervariable< ;/var>

  39. <br />

  40. <p>

  41. < b>Hinweis: b>Diese Tags werden häufig zur Anzeige von Computer-/ Programmiercode.

  42. p>

  43. Körper>

  44. < ;/html>

Der Effekt ist wie folgt:

HTML 文本格式化的简单实例

4. Adresse: Dieses Beispiel zeigt, wie man eine Adresse in eine HTML-Datei schreibt.


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. > >

  2. <Körper>

    🎜>
  3. <Adresse>

  4. Geschrieben von
  5. <
  6. a href="mailto:webmaster@example.com">Donald Duck

    a>.<br>  Besuchen Sie uns unter:<br> Beispiel. com<

  7. br> Box 564, Disneyland<

  8. br> USA

  9. Adresse>

  10. < /body>

  11. html >

  12. Die Wirkung ist wie folgt:

    5 und Akronyme: Dieses Beispiel zeigt, wie Abkürzungen oder Akronyme implementiert werden.

XML/HTML-Code

Inhalt in die Zwischenablage kopierenHTML 文本格式化的简单实例


<

html>

  1. <Körper>

  2. <Abkürzung Titel

    =
  3. "etcetera"
  4. >

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

  6. <Akronym Titel="World Wide Web">WWWAkronym>

  7. <
  8. S

    >

  9. In einigen Browsern kann der Titel verwendet werden, um die vollständige Version des Ausdrucks anzuzeigen, wenn Sie die Maus über ein abgekürztes Wort bewegen. p> ><

    p
  10. > gilt nur für Akronymelemente in IE 5.

    p> ><p> gilt sowohl für Abbr- als auch für Akronymelemente in Netscape 6.2.

  11. p

    >
  12. >Körper >

  13. html
  14. >

  15. Der Effekt ist wie folgt:

  16. Sechs, Textausrichtung: Dieses Beispiel zeigt, wie man die Ausrichtung von ändert Text.

    XML/HTML-Code

  17. Inhalt in die Zwischenablage kopieren

HTML 文本格式化的简单实例

<

html

>


<

    Körper
  1. >

  2. <

  3. p
  4. > Wenn Ihr Browser bidirektionale Überschreibung (bdo) unterstützt, Die nächste Zeile wird von rechts nach links ausgegeben (rtl); >

  5. <

    bdo dir="rtl "

    >
  6. Hier ist ein hebräischer Text
  7. bdo

    >

  8. body>

  9. html
  10. >

    Die Wirkung ist wie folgt:

  11. Sieben, Blockzitat: Dieses Beispiel zeigt, wie man eine lange und kurze Inkonsistenz erreicht. Ein Zitat.
  12. XML/HTML-Code

    Inhalt in die Zwischenablage kopieren
  13. <

    html
>

HTML 文本格式化的简单实例

<

Körper

>

    Dies ist das lange Zitat:
  1. <Blockquote

    >

  2. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat. Das ist ein langes Zitat.

  3. Blockquote>

  4. Dies ist das kurze Zitat:

  5. <q>

  6. Dies ist ein kurzes Zitat.

  7. q>

  8. <p>

  9. Wenn Sie das Blockquote verwenden Element, Der Browser fügt Zeilenumbrüche und Ränder ein und das q-Element wird nicht auf besondere Weise gerendert.

  10. p>

  11. Körper>

  12. < ;/html>

Der Effekt ist wie folgt:

HTML 文本格式化的简单实例

Achten, Untereffekte löschen und Untereffekte einfügen.


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. <html>

  2. <Körper>

  3. <p>Ein Dutzend <del> Zwanzigdel> <ins>Ten Two ins> Elemente. p>

  4. ><

  5. p
  6. >Die meisten Browser schreiben dies um, um Text durchzustreichen und zu unterstreichen. p> ><

    p
  7. >

    Einige ältere Browser zeigen durchgestrichenen und unterstrichenen Text als normalen Text an.

  8. p

    > >Körper >

  9. html
  10. >

    Der Effekt ist wie folgt:
  11. Das obige HTML-Textformat Das einfache Beispiel (ausführliche Erklärung) der Transformation ist alles Der vom Herausgeber geteilte Inhalt kann Ihnen als Referenz dienen und ich hoffe auch, dass Sie die chinesische PHP-Website unterstützen. Weitere Artikel zu einfachen Beispielen für die HTML-Textformatierung finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage