Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim Web-Frontend HTML-Tutorial Einfaches Beispiel für die HTML-Textformatierung

Einfaches Beispiel für die HTML-Textformatierung

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

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>

  3. <Körper>

  5. <b>Dieser Text ist fett gedrucktb>

  7. <br />

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

    10. br

  10. />

  11. <groß>Dieser Text ist groß

  12. groß

    >

  13. <br / >

  15. <em>Dieser Text ist hervorgehoben

  16. em

    >

  17. < br />

  18. >

    i
  19. >

    Dieser Text ist kursivi>

  21. <br />  

  22. <

    klein
  23. >

    Dieser Text ist kleinklein> 

  24.  

  25. <br / >

    26. Dieser Text enthält

  27. <

    sub>subscript

    sub
  28. >

  30. <br />

    31. Dieser Text enthält

  32. <

    sup>hochgestellt

    sup
  33. >

  35. body>

    html
  36. >

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

    3. <Körper>

    5. <pre>

    6. Dies ist

    7. vorformatiert Text.

    8. Es behält Leerzeichen

    9. und Zeilenumbrüche bei.

    10. pre>

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

    13. pre

      14. >

    14. für i = 1

      bis 10 >
      15. drucke i

    15. nächstes i

    16. pre
    17. >

    18. body
    19. > ;

       

    20. html> 

    21. Die Wirkung ist wie folgt:

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

    38. tt

  38. > Fernschreibtexttt>

  39. <br /> <

    40. Beispiel

  40. >Beispieltextsamp>

  41. <br /> <

    42. var

  42. >Computervariable< ;/var>

  43. <br />

  45. <p>

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

  47. p>

  49. Körper>

  50. < ;/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. <

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

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

  6. br> Box 564, Disneyland<

  7. br> USA

  8. Adresse>

  10. < /body>

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

  3. <Abkürzung Titel

    =
    4. "etcetera"

  4. >

    etc.

    5. abbr> <br /> 🎜>

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

  6. <
  7. S

    >

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

  8. > gilt nur für Akronymelemente in IE 5.

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

  9. p

    >

  10. >Körper >

    11. html

  11. >

  12. Der Effekt ist wie folgt:

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

    XML/HTML-Code

    14. Inhalt in die Zwischenablage kopieren

HTML 文本格式化的简单实例

<

html

>


<

    Körper

  1. >

  2. <

    3. p

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

  5. <

    bdo dir="rtl "

    >

    7. Hier ist ein hebräischer Text

  7. bdo

    >

  9. body>

  10. html
  11. >

    Die Wirkung ist wie folgt:

    13. Sieben, Blockzitat: Dieses Beispiel zeigt, wie man eine lange und kurze Inkonsistenz erreicht. Ein Zitat.

  13. XML/HTML-Code

    Inhalt in die Zwischenablage kopieren

  14. <

    html
>

HTML 文本格式化的简单实例

<

Körper

>

    Dies ist das lange Zitat:

  1. <Blockquote

    >

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

  4. Blockquote>

  6. Dies ist das kurze Zitat:

  7. <q>

  8. Dies ist ein kurzes Zitat.

  9. q>

  11. <p>

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

  13. p>

  15. Körper>

  16. < ;/html>

Der Effekt ist wie folgt:

HTML 文本格式化的简单实例

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


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. <html>

  3. <Körper>

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

  6. ><

    7. p

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

    p
  8. >

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

  9. p

    > >Körper >

    11. html

  11. >

    Der Effekt ist wie folgt:

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

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Mehr anzeigen

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Assassin's Creed Shadows: Seashell Riddle -Lösung
2 Wochen vor By DDD
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Mehr anzeigen

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?
7518
15
CakePHP-Tutorial
1378
52
Wie lautet das Format des Kontonamens von Steam?
81
11
Win11 -Aktivierungsschlüssel dauerhaft
53
19
NYT -Verbindungen Hinweise und Antworten
21
68
Mehr anzeigen
Related knowledge
Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles