【HTML-Element】Detaillierte Erklärung des Tag-Textes

【HTML-Element】Detaillierte Erklärung des Tag-Textes

1. Verwenden Sie grundlegende Textelemente, um Inhalte zu markieren

Schauen Sie sich zunächst den Anzeigeeffekt an:

Entsprechender HTML-Code:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html >   
  2. < html   lang = "en" >   
  3. <Kopf>   
  4.      < Meta   Zeichensatz = "UTF-8" >   
  5.      <Titel> Learn4Font </Titel>   
  6. </ Kopf >   
  7. < Textkörper >   
  8. < p > Element b — < b > Ich bin das Beispiel. </ b > </ p >   
  9. < p > Element em — < em > Ich bin das Beispiel. </ em > </ p >   
  10. < p > Element i — < i > Ich bin das Beispiel. </ i > </ p >   
  11. < p > Element s — < s > Ich bin das Beispiel. </ s > </ p >   
  12. < p > Element strong -- < strong > Ich bin das Beispiel. </ strong > </ p >   
  13. < p > Element u — < u > Ich bin das Beispiel. </ u > </ p >   
  14. < p > Element small — < small > Ich bin das Beispiel. </ small > </ p >   
  15. < p > element sub — < sub > Ich bin das Beispiel. </ sub > </ p >   
  16. < p > Element sup —— < sup > Ich bin das Beispiel. </ sup > </ p >   
  17. </ Körper >   
  18. </ html >   

Entsprechender benutzerdefinierter Elementstil:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. *Bezieht sich im Allgemeinen auf Schlüsselwörter und Produktnamen*
  2. b{Schriftstärke: fetter;}
  3.   
  4. *Zeigt im Allgemeinen eine Betonung an*
  5. em {Schriftart: kursiv;}
  6.   
  7. *Bezieht sich im Allgemeinen auf Fremdwörter oder wissenschaftliche Begriffe*
  8. ich {Schriftart: kursiv;}
  9.   
  10. *Zeigt im Allgemeinen Ungenauigkeiten oder Korrekturen an*
  11. s {Textdekoration: durchgestrichen;}
  12.   
  13. *Kennzeichnet im Allgemeinen wichtigen Text*
  14. stark {font-weight: bolder;}
  15.   
  16. *Bedeutet im Allgemeinen, den Text zu unterstreichen*
  17. u {Textdekoration: Unterstreichung;}
  18.   
  19. *Bedeutet im Allgemeinen das Hinzufügen von Inhalten in kleiner Schriftart*
  20. klein {Schriftgröße: klein;}
  21.   
  22. *Bedeutet im Allgemeinen das Hinzufügen von hochgestellten und tiefgestellten Zeichen*
  23. sup {vertical-align: sub; Schriftgröße: kleiner;}
  24. sub {vertical-align: super; Schriftgröße: kleiner;}

2. Sprachelemente nutzen

Ruby-, RT- und RP-Elemente. Sehen wir uns zuerst die Auswirkungen an:

Entsprechender Code:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < p   Stil = " Schriftgröße: 3em;" >   
  2.      < ruby ​​>< rp > ( </ rp > < rt > chī </ rt > < rp > ) </ rp > </ ruby ​​​​>   
  3.      < ruby ​​> Hinterteil < rp > ( </ rp > < rt > Hauptteil </ rt > < rp > ) </ rp > </ ruby ​​​​>   
  4.      < ruby ​​>< rp > ( </ rp > < rt > wǎng </ rt > < rp > ) </ rp > </ ruby ​​​​>   
  5.      < ruby ​​>< rp > ( </ rp > < rt > liǎng </ rt > < rp > ) </ rp > </ ruby ​​​​>   
  6. </ p >   

3. Verwenden Sie vorformatierte Inhalte

Das Pre-Element kann die Art und Weise ändern, wie der Browser mit dem Inhalt umgeht, indem es das Ausblenden von Leerzeichen verhindert, sodass die Formatierung des Quelldokuments erhalten bleibt.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < vor >   
  2.      < Code >   
  3. var Früchte = ["Äpfel", "Orangen", "Mangos", "Kirschen"];
  4. für (var i = 0 ; i <   Früchte.Länge ; i++){
  5. document.writeln("Ich mag " + Früchte[i]);
  6. }
  7.      </ code >   
  8. </ vor >   

Die oben stehende ausführliche Erklärung zum Markieren von Text [HTML-Element] ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, dass er Ihnen als Referenz dienen kann. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/luka/archive/2016/07/23/5532134.html

<<:  Im Vorstellungsgespräch wurde ich gefragt, ob select...for update die Tabelle oder die Zeile sperren würde.

>>:  Detaillierte Schritte zur Installation von ros2 in Docker

Artikel empfehlen

Detailliertes Tutorial zur Installation von ElasticSearch 6.x im Docker

Ziehen Sie zuerst das Image (oder erstellen Sie e...

Installations-Tutorial zur neuesten MySQL-Version 8.0.17 mit Dekomprimierung

Ich persönlich denke, dass die dekomprimierte Ver...

WeChat-Applet zur Bestimmung, ob die Mobiltelefonnummer legal ist Beispielcode

Inhaltsverzeichnis Szenario Wirkung Code Zusammen...

Tutorial zur manuellen Installation von MySQL 8.0.13

In diesem Artikel finden Sie das Tutorial zur man...

Detailliertes Tutorial zur Installation von MySQL 8.0.20 auf CentOS7.8

1. MySQL-Software installieren Laden Sie das offi...

HTML Table Tag Tutorial (47): Verschachtelte Tabellen

<br />Der Schriftsatz auf der Seite erfolgt ...

Beispielcode für die programmgesteuerte Verarbeitung von CSS-Stilen

Vorteile eines programmatischen Ansatzes 1. Globa...

So erstellen Sie WeChat-Spiele mit CocosCreator

Inhaltsverzeichnis 1. Laden Sie die WeChat-Entwic...

So packen Sie das Projekt per Idee in Docker

Viele Freunde wollten schon immer wissen, wie man...

Python3.6-MySql Dateipfad einfügen, die Lösung zum Entfernen des Backslashs

Wie unten dargestellt: Ersetzen Sie es einfach, w...

Vue implementiert ein einfaches Einkaufswagenbeispiel

In diesem Artikel wird der spezifische Code von V...

Detaillierte Erklärung des daily_routine Beispielcodes in Linux

Schauen Sie sich zunächst den Beispielcode an: #/...

So optimieren Sie MySQL-Indizes

1. Wie MySQL Indizes verwendet Indizes werden ver...