HTML文本格式化

来源：懂视网责编：小采时间：2020-11-27 15:25:40

HTML文本格式化

HTML文本格式化:这篇文章主要介绍了关于HTML 文本格式化，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下HTML 文本格式化<!DOCTYPE HTML> <html> <meta charset="utf-8" /> <head> &l

推荐度：

点击下载本文 文档为doc格式

导读HTML文本格式化:这篇文章主要介绍了关于HTML 文本格式化，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下HTML 文本格式化<!DOCTYPE HTML> <html> <meta charset="utf-8" /> <head> &l

这篇文章主要介绍了关于HTML 文本格式化，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

HTML 文本格式化

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8" />
	<head>
	<title>自选教程(如约智惠.com)</title>
	</head>
	<body>
	<b>加粗文本</b><br><br>
	<i>斜体文本</i><br><br>
	<code>电脑自动

输出</code> 这是下标 和 上标 </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> <kbd>键盘输入</kbd> <tt>打字机文本</tt> <samp>计算机代码样本</samp> <var>计算机变量</var> 注释：这些标签常用于显示计算机/编程代码 </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>	定义一个定义项目。

HTML文本格式化

推荐度：

点击下载本文 文档为doc格式

标签：格式化文本 html

热门焦点

HTML文本格式化

HTML文本格式化

HTML文本格式化

最新推荐

猜你喜欢

热门推荐