html格式化_1.05

HTML 格式化标签

HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体

通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

然而,这些标签的含义是不同的:

<b> 与<i> 定义粗体或斜体文本。

<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。所有主要浏览器都能渲染各种效果的字体。

 

问题?

<b> 的效果是加粗,<strong>(强调)的效果也是加粗,有什么区别吗?

strong : web 标准中 xhtml 的标签,strong 的意思是 "强调";

b : html 的,b 的意思是 bold(粗体)。

为什么用 strong 代替 b ?这个问题不妨改问:xhtml 和 html 有什么不同,为什么要用 xhtml 代替 html?

web 标准主张 xhtml 不涉及具体的表现形式,"强调"可以用加粗来强调,也可以用其它方式来强调,比如下划线,比如字体加大,比如红色,等等,可以通过 css 来改变 strong 的具体表现,这就是为什么 b 不能替代 strong。

 

HTML 文本格式化标签

标签

描述

<b>

定义粗体文本

<em>

定义着重文字

<i>

定义斜体字

<small>

定义小号字

<strong>

定义加重语气

<sub>

定义下标字

<sup>

定义上标字

<ins>

定义插入字

<del>

定义删除字

HTML 文件中对文本进行格式化

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>练习</title>

</head>

<body>

<b>这个文本是加粗的</b>

<br />

<strong>这个文本是加粗的</strong>

<br />

<big>这个文本字体放大</big>

<br />

<em>这个文本是斜体的</em>

<br />

<i>这个文本是斜体的</i>

<br />

<small>这个文本是缩小的</small>

<br />

这个文本包含

<sub>下标</sub>

<br />

这个文本包含

<sup>上标</sup>

</body>

</html>

 

HTML "计算机输出" 标签

标签

描述

<code>

定义计算机代码

<kbd>

定义键盘码

<samp>

定义计算机代码样本

<var>

定义变量

<pre>

定义预格式文本

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>计算机输出标签</title>

</head>

<body>

<code>计算机输出</code>

<br />

<kbd>键盘输入</kbd>

<br />

<tt>打字机文本</tt>

<br />

<samp>计算机代码样本</samp>

<br />

<var>计算机变量</var>

<br />

<p>

<b>注释:</b>这些标签常用于显示计算机/编程代码。

</p>

</body>

</html>

 

HTML 引文, 引用, 及标签定义

标签

描述

abbr

定义缩写

<address>

定义地址

<bdo>

定义文字方向

<blockquote>

定义长的引用

<q>

定义短的引用语

<cite>

定义引用、引证

<dfn>

定义一个定义项目。

 

在 HTML 文件中写地址

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>在 HTML 文件中写地址</title>

</head>

<body>

<address>

Written by <a href="http://baidu.com">Jon Doe</a>.<br>

Visit us at:<br>

Example.com<br>

Box 564, Disneyland<br>

USA

</address>

</body>

</html>

 

 

缩写和首字母缩写

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>缩写和首字母缩写</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>

<head>

<meta charset="utf-8">

<title>文字方向</title>

</head>

<body>

 

<p>该段落文字从左到右显示。</p>

<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

 

</body>

</html>

 

块引用

此例演示如何实现长短不一的引用语。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>块引用</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>

<head>

<meta charset="utf-8">

<title>删除、插入字效果</title>

</head>

<body>

 

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

 

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值