suchen

Heim >Web-Frontend >HTML-Tutorial >Beispiele zur Einführung in die HTML-Textformatierung

Beispiele zur Einführung in die HTML-Textformatierung

小云云
小云云Original
2017-12-11 11:28:461736Durchsuche

In diesem Artikel finden Sie ein einfaches Beispiel (detaillierte Erklärung) für die HTML-Textformatierung. Ich hoffe, dass jeder nach dem Erlernen die Kenntnisse der HTML-Textformatierung beherrschen und besser nutzen kann.

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

<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains   
<sub>subscript</sub>
<br />
This text contains   
<sup>superscript</sup>
</body>
</html>



Die Wirkung ist wie folgt:

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


<html>
<body>
<pre class="brush:php;toolbar:false">
这是   
预格式文本。   
它保留了      空格   
和换行。

pre 标签很适合显示计算机代码：

for i = 1 to 10   
     print i   
next i



Der Effekt ist wie folgt :

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

<html>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注释：</b>这些标签常用于显示计算机/编程代码。   
</p>
</body>
</html>

Der Effekt ist wie folgt:

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


XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html>
<body>
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA   
</address>
</body>
</html>



Der Effekt ist wie folgt :

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

<html>
<body>
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body>
</html>



Die Wirkung ist wie folgt:

6. Textrichtung: Dieses Beispiel zeigt, wie man die Textrichtung ändert. 

<html>
<body>
<p>
如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；   
</p>
<bdo dir="rtl">
Here is some Hebrew text   
</bdo>
</body>
</html>



Die Wirkung ist wie folgt:

7. Blockzitat: Dieses Beispiel zeigt, wie man Zitate unterschiedlicher Länge umsetzt. 

<html>
<body>
这是长的引用：   
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。   
</blockquote>
这是短的引用：   
<q>
这是短的引用。   
</q>
<p>
使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。   
</p>
</body>
</html>

Der Effekt ist wie folgt:

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

<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多数浏览器会改写为删除文本和下划线文本。</p>
<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
</body>
</html>



Die Wirkung ist wie folgt:

Haben Sie gelernt, wie man schlägt? Beeilen Sie sich und probieren Sie es selbst aus.

Verwandte Empfehlungen:

Zusammenfassung des HTML-Titels, Absatzes, Zeilenumbruchs, horizontaler Linie, Sonderzeichen

HTML-Implementierung ist einfaches Eingabeaufforderungsfeld

So wählen Sie das entsprechende HTML-Tag aus

Das obige ist der detaillierte Inhalt vonBeispiele zur Einführung in die HTML-Textformatierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：Zusammenfassender HTML-Titel, Absatz, Zeilenumbruch, horizontale Linie, SonderzeichenNächster Artikel：Zusammenfassender HTML-Titel, Absatz, Zeilenumbruch, horizontale Linie, Sonderzeichen

In Verbindung stehende Artikel

Mehr sehen