标签：

HTML元素

1.换行符

<br/>

示例：

 aaaa<br/>aaaa 

下面是效果：

aaaa
aaaa

<br/>标签中的"/"不加浏览器也可以识别，加上"/"是关闭空元素的正确方法。

2.段落

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

下面是效果：

这是一个段落

3.标题

示例：

<h1>这是第一个标题</h1>
<h2>这是第二个标题</h2>
<h3>这是第三个标题</h3>
...
<h6>这是第六个标题</h6>

 以下是效果：

这是第一个标题

这是第二个标题

这是第三个标题

...

这是第六个标题

4.文本格式化

<b>定义粗体文本</b>

<i> 定义斜体文本 </i>

<del>定义删除文本</del>

<u>定义下划线文本</u>

^{定义上标字}

_{定义下标字}

示例：

<b>文本加粗</b><br/>
<i>文本倾斜</i><br/>
<del>定义删除文本</del><br/>
<u>定义下划线文本</u><br/>
上标字：X<sup>2</sup>+Y<sup>2</sup><br/>
下标字：H<sub>2</sub>O

下面是效果：

文本加粗
文本倾斜
定义删除文本
定义下划线文本
上标字：X²+Y²
下标字：H₂O

5.预格式化

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

示例：

<pre>这  是
一段 预格式化 的 文字</pre>

效果：

这  是
一段 预格式化 的 文字

6.水平线

<hr/> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

示例：

<p>这是一段文字</p>
<hr/>
<p>这是另一段文字</p>

效果：

这是一段文字

这是另一段文字

7.超链接(链接)

<a href="url">链接文本</a>

<a href=“http://www.163.com”>外部链接</a>

<a href=“about.html”>内部链接 </a>

<a href=“mailto:邮箱地址”>邮件链接</a>

<a href=“tel:电话号码”>一键拨打</a>

<a href="sms:139xxxxxxx">一键发送短信</a>

说明：

示例：

<a href=“http://www.163.com”>（网易）外部链接</a><br/>

<a href=“about.html”>内部链接 </a><br/>

<a href=“mailto:12312@qq.com”>邮件链接</a><br/>

<a href=“tel:1377777***”>一键拨打</a><br/>

<a href="sms:139xxxxxxx">一键发送短信</a><br/>

效果：

（网易）外部链接
内部链接
邮件链接
一键拨打
一键发送短信

8.锚点

锚点标签用于使用户"跳"到文档的某个部分。

<a href="#位置名"> ~ </a>

<a name="位置名"> ~ </a>

示例:

<p>
    <a href="#ToC4">查看第四章</a>
</p>
<h2>第一章</h2>
<p>第一章的内容... ...</p>
<h2>第二章</h2>
<p>第二章的内容... ...</p>
<h2>第三章</h2>
<p>第三章的内容... ...</p>
<h2><a name="ToC4">第四章</a></h2>
<p>第四章的内容... ...</p>
<h2>第五章</h2>
<p>第五章的内容... ...</p>

效果：

查看第四章

第一章

第一章的内容... ...

第二章

第二章的内容... ...

第三章

第三章的内容... ...

第四章

第四章的内容... ...

第五章

第五章的内容... ...

持续更新中...

我的HTML笔记（二）

标签：

原文地址：http://www.cnblogs.com/Aeneas/p/5739759.html