码迷,mamicode.com
首页 > Web开发 > 详细

HTML——标签

时间:2016-07-09 12:07:21      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

HTML(Hyper Text Markup Language)

一、常用标签

1.<html>描述网页的文本</html>

2.<body>可见的页面内容</body>

3.标题:<h1>-<h6>

4.段落

<p>这是一个段落</p>

5.链接

<a href="http://www.baidu.com"></a>

6.图像

<img src="test.jpg" width="104" height="142" />

7.空的html元素(换行)

<br />

8.水平线

<hr />

9.注释

<!-- This is a comment -->

二、文本格式化

1.粗体<b>、语气强烈的强调<strong>、大号<big>、强调<em>、斜体<i>、小号<small>、下标<sub>、上标<sup>

<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>

2.预格式文本

<pre> 适合用于代码显示,对空格和空行进行控制 

<pre>
for i = 1 to 10
     print i
next i
</pre>

3.缩写、首字母缩写

<abbr>、<acronym>,鼠标移至缩略词时,会显示完整词语

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

4.定义文本方向

<bdo>  rtl:right to left

<bdo dir="rtl">
Here is some Hebrew text
</bdo>

5.块引用(如引用别人的一段话,或者一句话)

使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素(添加双引号)不会有任何特殊的呈现。
<html>
<body>

这是长的引用:
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>

这是短的引用:
<q>
这是短的引用。
</q>
</body> </html>

6.删除和下划线

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

文本格式化标签

标签描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。

“计算机输出”标签

标签描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。

引用、引用和术语定义

标签描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<q> 定义短的引用语。
<cite> 定义引用、引证。
<dfn> 定义一个定义项目。

HTML——标签

标签:

原文地址:http://www.cnblogs.com/congyue-pepsi/p/5655467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!