您的位置:首页 > Web前端 > HTML

HTML 文本标签

2015-11-24 09:08 435 查看
HTML 文本标签(火狐浏览器)
1.标题:<h></h>

<h1></h1>用于主标题,<h2></h2>...<h6></h6>用于子标题

如:

<body>

<h1>This is a main heading</h1>

<h2>This is a level 2 heading</h2>

<h3>This is a level 3 heading</h3>

<h4>This is a level 4 heading</h4>

<h5>This is a level 5 heading</h5>

<h6>This is a level 6 heading</h6>

</body>

在浏览器中打开则为:

2.段落:<p></p>

默认情况下,浏览器在显示段落时会另起一行并与后续段落保持一定的距离。

3.粗体:<b></b>,使用粗体可以再外观上将其中文字突出显示。

如:This is how we make a word <b>bold</b>.

在浏览器显示为:

 

4.斜体:<i></i>

<i>元素可以将一部分文本格式以不同周围内容的方式显示,如:技术词语,轮船名称,外语单词,思想理论,或其他术语等。

如:This is how we make a word appear <i>italic</i>.

在浏览器显示为:

 

5.上标:<sup></sup> 

示例:On the 4 <sup>th</sup> of September you will learn about E=MC<sup>2</sup>.

 在浏览器显示为:

6.下标:<sub></sub>

示例:The amount of CO <sub>2</sub> in the atmosphere grew by 2ppm 2009<sub>1</sub>.

在浏览器显示为:

 

7.换行符:<br />

一般来说,换行符可以出现在文本的任意位置。

8.水平线:<hr />

9.加粗:<strong></strong>

表示内容十分重要,默认情况下,元素中的内容在浏览器中显示为粗体。

例:<strong>Beware</strong> Pickpockets operate in this area.

在浏览器显示为:

 

10.强调:<em></em>

<em>元素起强调作用,能够细微改变语句的含义,默认情况下,<em>元素在浏览器中显示为斜体。

例:I <em&
d854
gt;think</em> Ivy was the first .

在浏览器显示为:

11.引用:<blockquote></blockquote>、<q></q>

<blockquote>用来标记一些会占用一整段的较长的引用,<p>元素也会被包含进去,浏览器通常会对<blockquote>元素的内容进行缩进,但不能只是用<blockquote>元素来缩进一段文本,而应用CSS来完成缩进效果。

<q>元素用来标记位于段落中较短的引用,按照惯例,浏览器理应在<q>元素的两侧加双引号,但IE浏览器不支持,所以多数人都回避使用<q>元素。

这两个元素都可以用cite特性来表明引用的来源。Cite特性值应当是一个URL,该URL中包括有关引用来源的更详细的信息。

例:

<blockquote cite="http://en.wikipedia.org/wiki.Winnie-the-Pooh">

<p>Did you ever stop to think, and forget to start again ?</p>

</blockquote>

<p>AS A.A. Milne said , <q>Some peple talk to animals . Not many listen though.That's the problem.</q></p>

 在浏览器显示为:

12.引文:<cite></cite>

引用一部作品,如:书籍,电影或研究报告等,<cite>表明引用的来源。在HTML5中,<cite>不可以用在人名字上,到HTML4中是可以的。浏览器会把引用的内容显示为斜体。

例:<cite>A Brief History of Time</cite> by Stephen Hawking has sold over ten million copties worldwide.

 在浏览器显示为:

13.定义:<dfn></dfn>

当你在文中第一次解释一些新术语时,<dfn>表示给定它的定义。有些浏览器使用粗体来显示<fen>的内容,但Safari和Chrome浏览器不会改变其外观。

例:A <dfn>black hole</dfn> is a region of space from which nothing,not even light,can escape.

在浏览器显示为:

14.缩写词和首字母缩写词:<abbr></abbr>

其起始标签中title属性用来指定相应词汇的完整形式。在HTML4中,对于首字母缩写词专门有一个<acronym>,其功能就与<abbr>一样。而在HTML5中无论缩写词还是首字母缩写词都只使用<abbr>标签。

例:

<p><abbr title="Professor">Prof</abbr> Stephen Hawking is a theoretical physicist and cosmologist.</p>

<p><acronym title="National Aeronautics and Space 

Administration">NASA</acronym> do some crazy space stuff.</p>

 在浏览器显示为:

15.设计者详细信息:<address></address>

它可以包含一个物理地址,但并非是必须的,如:一个电话号码或者是一个邮箱地址。在浏览器中它的内容显示为斜体。有人还可能对一种被称为hCard的微格式感兴趣,通过它可以向标记添加物理地址信息。

例:<address>

<ahref="mailto:homer@example.org">homer@example.org</a>

<p>742 Evergreen Terrace. Springfield.</p>

     </address>

 在浏览器显示为:

16.内容修改:<ins></ins>、,<del></del>,<s></s>

<ins>用于显示已经插入到文档中的内容,<del>用于显示已经从文档中删除的文本,<ins>的内容通常带有下划线,<del>的内容则带有删除线。

<s>表示不准确或者不想关却并不应当予以删除的内容,从外观上看,<s>元素的内容通常带有从中穿过的线条,旧版本的HTML中有一个<u>标签表示带有下划线,但这个标签已经逐渐被淘汰了。

例:

It was the <del>worst</del> <ins>best</ins> idea she had ever had.

在浏览器显示为:

常用的字符实体引用:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: