我的HTML笔记（二）
HTML元素
1.换行符
<br/>
示例：
aaaa<br/>aaaa
下面是效果：
aaaa
aaaa
<br/>标签中的"/"不加浏览器也可以识别，加上"/"是关闭空元素的正确方法。
2.段落
<p>这是一个段落</p>
下面是效果：
这是一个段落
| 属性 | 说明 |
| align | 行对齐方式（left,right,center） |
3.标题
示例：
<h1>这是第一个标题</h1> <h2>这是第二个标题</h2> <h3>这是第三个标题</h3> ... <h6>这是第六个标题</h6>
以下是效果：
这是第一个标题
这是第二个标题
这是第三个标题
...
这是第六个标题
4.文本格式化
<b>定义粗体文本</b>
<i> 定义斜体文本 </i>
<del>定义删除文本</del>
<u>定义下划线文本</u>
<sup>定义上标字</sup>
<sub>定义下标字</sub>
示例：
<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
下面是效果：
文本加粗
文本倾斜
定义删除文本
定义下划线文本
上标字：X2+Y2
下标字：H2O
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>
说明：
| href | 定义链接地址 |
| title | 连接提示信息 |
| target | 链接打开方式(_blank新的空白页打开,_self当前页打开，_top)整个窗口中打开 |
示例：
<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>
效果：
第一章
第一章的内容... ...
第二章
第二章的内容... ...
第三章
第三章的内容... ...
第四章
第四章的内容... ...
第五章
第五章的内容... ...
