明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML 文本格式化

發(fā)表時間：2023-09-11 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]這篇文章主要介紹了關(guān)于HTML 文本格式化 ，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下HTML 文本格式化<!DOCTYPE HTML><html><meta charset="utf-8" /><head>&...
這篇文章主要介紹了關(guān)于HTML 文本格式化 ，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下

HTML 文本格式化

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<b>加粗文本</b><br><br>
		<i>斜體文本</i><br><br>
		<code>電腦自動輸出</code><br><br>
		這是<sub>下標(biāo)</sub> 和 <sup>上標(biāo)</sup>
	</body>
</html>

實例

文本格式化

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<b>這個文本是加粗的</b>
		<br>
		<strong>這個文本是加粗的</strong>
		<br />
		<big>這個文本字體放大</big>
		<br />
		<em>這個文本是斜體的</em>
		<br />
		<i>斜體文本</i>
		<br />
		<small>這個文本是縮小的</small>
		<br />
		這個文本包含<sub>下標(biāo)</sub> 和 <sup>上標(biāo)</sup>
	</body>
</html>

預(yù)格式文本

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<pre>
			此例演示如何使用 pre 標(biāo)簽
			對空行和  空格
			進(jìn)行控制
		</pre>
	</body>
</html>

計算機(jī)輸出標(biāo)簽

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<code>計算機(jī)輸出</code>
		<br />
		<kbd>鍵盤輸入</kbd>
		<br />
		<tt>打字機(jī)文本</tt>
		<br />
		<samp>計算機(jī)代碼樣本</samp>
		<br />
		<var>計算機(jī)變量</var>
		<br />
		<p>
			<b>注釋：</b>這些標(biāo)簽常用于顯示計算機(jī)/編程代碼
		</p>
	</body>
</html>

地址

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<address>
			Written by <a href="milto:webmaster@example.com">Jon Doe</a><br />
			Visit us at: <br />
			Example.com <br />
			Box 564, Disneyland <br />
			USA
		</address>
	</body>
</html>

縮寫和首字母縮寫

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<abbr title="etcetera">etc.</abbr>
		<br />
		<acronym title="World Wide Web">WWW</acronym>
		<p>在某些瀏覽器中，當(dāng)您把鼠標(biāo)移至縮略詞語上時，title 可用于展示表達(dá)的完整版本。</p>
		<p>僅對于 IE 5 中的 acronym 元素有效。</p>
		<p>對于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
	</body>
</html>

文字方向

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<p>該段落文字從左到右顯示。</p>
		<p>
			<bdo dir="rtl">該段落文字從右到左顯示。</bdo>
		</p>
	</body>
</html>

塊引用

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<p> 
			WWF's goal is to:
			<q>Build a future where people live in harmony with nature.</q>
			We hope they succeed.
		</p>
	</body>
</html>

刪除字效果和插入字效果

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<p> 
			My favorite color is
			<del>bule</del>
			<ins>red</ins>
			!
		</p>
	</body>
</html>


HTML 文本格式標(biāo)簽

標(biāo)簽描述
<b>定義粗體文本
<em>定義著重文字
<i>定義斜體字
<small>定義小號字
<strong>定義加重語氣
<sub>定義下標(biāo)字
<sup>定義上標(biāo)字
<ins>定義插入字
<del>定義刪除字


HTML "計算機(jī)輸出"標(biāo)簽

標(biāo)簽描述
<code>定義計算機(jī)代碼
<kbd>定義鍵盤碼
<samp>定義計算機(jī)代碼樣本
<var>定義變量
<pre>定義預(yù)格式文本


HTML 引文，引用，及標(biāo)簽定義

<abbr>定義縮寫
<address>定義地址
<bdo>定義文字方向
<blockquote>定義長的引用
<q>定義短的引用語
<cite>定義引用、引證
<dfn>定義一個定義項目。

相關(guān)推薦：

HTML文本格式的知識總結(jié)

HTML文本格式化的實例詳解


以上就是HTML 文本格式化 的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。




標(biāo)簽：HTML 文本格式化