LN :跟著W3School學HTML 007 內容參考自W3School [HTML 教程][1] HTML文本格式化 | 標簽 | 描述 | | | : | | `` | 定義粗體文本 | | `` | 定義大號字 | | `` | 定義著重文字 | | `` | 定義斜體字 | | `` | ...
LN :跟著W3School學HTML 007
內容參考自W3School
HTML文本格式化
| 標簽 | 描述 |
|---|---|
<b> |
定義粗體文本 |
<big> |
定義大號字 |
<em> |
定義著重文字 |
<i> |
定義斜體字 |
<small> |
定義小號字 |
<strong> |
定義加重語氣 |
<sub> |
定義下標字 |
<sup> |
定義上標字 |
<ins> |
定義插入字 |
<del> |
定義刪除字 |
實例解析
<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>效果展示
This text is strong
This text is big
This text is emphasized
This text is italic
This text is small
This text containssubscript
This text containssuperscript
HTML預格式文本
實例解析
<html>
<body>
<pre>
這是預格式文本。它保留了 空格
和換行。
</pre>
<p>pre 標簽很適合顯示電腦代碼：</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>效果展示（不知道怎麼回事，換行好像沒用2333）
這是預格式文本。它保留了 空格 和換行。
pre 標簽很適合顯示電腦代碼：
for i = 1 to 10 print i next i
HTML“電腦輸出”標簽
| 標簽 | 描述 |
|---|---|
<code> |
定義電腦代碼 |
<kbd> |
定義鍵盤碼 |
<samp> |
定義電腦代碼樣本 |
<tt> |
定義打字機代碼 |
<var> |
定義變數 |
<pre> |
定義預格式文本 |
實例解析
<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>效果展示
Computer codeKeyboard input
Teletype text
Sample text
Computer variable
註釋：這些標簽常用於顯示電腦/編程代碼。
HTML地址
實例解析
<html>
<body>
<address>
Written by <a href="http://www.cnblogs.com/renleimlj/">三石</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
</body>
</html>效果展示
Written by 三石.Visit us at:
Example.com
Box 564, Disneyland
USA
