溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML中文本格式化的示例分析

發(fā)布時間：2021-09-13 14:57:02 來源：億速云 閱讀：148 作者：小新 欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)HTML中文本格式化的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

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>下標</sub> 和 <sup>上標</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>下標</sub> 和 <sup>上標</sup>
	</body>
</html>

預格式文本

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

計算機輸出標簽

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
		<title>自選教程(如約智惠.com)</title>
	</head>
	<body>
		<code>計算機輸出</code>
		<br />
		<kbd>鍵盤輸入</kbd>
		<br />
		<tt>打字機文本</tt>
		<br />
		<samp>計算機代碼樣本</samp>
		<br />
		<var>計算機變量</var>
		<br />
		<p>
			<b>注釋：</b>這些標簽常用于顯示計算機/編程代碼
		</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>在某些瀏覽器中，當您把鼠標移至縮略詞語上時，title 可用于展示表達的完整版本。</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 文本格式標簽

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

HTML "計算機輸出"標簽

標簽描述
<code>定義計算機代碼
<kbd>定義鍵盤碼
<samp>定義計算機代碼樣本
<var>定義變量
<pre>定義預格式文本

HTML 引文，引用，及標簽定義

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

感謝各位的閱讀！關(guān)于“HTML中文本格式化的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手