<hr>标签
在HTML 页面中创建一条水平线。可以在视觉上将文档分隔成各个部分。
属性：
1.align：水平对齐方式，默认居中
2.width：水平线的长度，可取像素（px）和百分比（%）
3.size：水平线的高度
4.color：颜色
示例——使水平线在页面中间显示，它的宽度为页面的50%
<hralign="center" width="50%" />
格式标签
<address></address> 地址
定义文档或文章的作者联系信息。定义在body内则表示文档联系信息。这个标签是带有语义的，也就是说我们看到a标签，并不能从直观意义上知道它是一个超链接，但是address，通过翻译，也能明白这是定义联系信息，这就是语义化的好处。它以斜体显示。
示例——定义一段联系信息
<body><address>湖北省荆州市</address></body>
<pre></pre>
被包围在 pre 元素中的文本通常会保留空格和换行符
示例——用pre定义有换行的文本
<body><pre>春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。</pre></body>
文本格式化标签
块级元素和行内元素
1.块级元素独占一行，行内元素在同一行显示
2.块级元素默认宽度为100%，行内元素由内容撑开
3.块级元素可以设置宽高，行内元素不可以设置宽高
4.块级元素可以设置margin和padding和四个方向，行内元素只可以设置margin和padding和左右值，上下不起作用
5.块级元素默认的display为block，行内元素的display为inline
6.块级元素可以包含块级元素和行内元素，行内元素一般只包含行内元素和文本
7.常见的块级元素有h1-h6，p，div等，行内元素有a，em，b，i，u等
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>超链接</title></head><body><!--超链接 <a></a>注意：1.有开始和结束标签 2.必须有属性href 3.网站链接地址，必须以http://开头 4.本地链接必须加后缀5.标签是可以嵌套的属性：1.href 链接URL绝对路径互联网地址： 格式：http://域名本地绝对地址： 格式：file：///盘符/目录... （禁止使用）相对路径(相对于自己当前位置)` ./ 代表当前目录../ 代表上一级2.target 代表新窗口的位置属性值 _blank 在新的窗口打开_self 在本窗口打开(默认值)3.title 定义了鼠标经过时的提示文字--><a href="http://www.baidu.com" title="这是百度" target="_self"> <img src="images/img.jpeg" width="20px"/></a><a href="http://www.sina.com.cn" >新浪</a><a href="04图片标签.html">跳转到本地</a></body></html>
列表标签
1.在 html 页面中，合理的使用列表标签可以起到提纲和格式排序文件的作用
2.列表分为两类：一是无序列表，一是有序列表
无序列表
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
<ul><li>的属性type 拥有的选项
Ødisc 默认实心圆
Øcircle 空心圆
Øsquare 小方块
Ønone 不显示
有序列表
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>无序和有序列表</title></head><body><!--注意事项：1.<ul></ul>组合的是<li></li>，其他标签不予许组合2.<li></li>标签它是一个容器，可以容纳所有的元素3.列表是自带样式属性的--><h4>无序列表</h4><h5>中午吃的什么？</h5><ul type="none"><li>盖饭</li><li>米饭</li><li>盖浇饭</li><li>面条</li></ul><hr/><h4>有序列表</h4><h5>奥运会奖牌榜</h5><ol type="I"><li>美国</li><li>中国</li><li>俄罗斯</li><li>澳大利亚</li></ol></body></html>
<ol><li>的属性type拥有的选项
Ø1表示列表项目用数字标号（1,2,3...）
Øa表示列表项目用小写字母标号（a,b,c...）
ØA表示列表项目用大写字母标号（A,B,C...）
Øi表示列表项目用小写罗马数字标号（i,ii,iii...）
ØI表示列表项目用大写罗马数字标号（I,II,III...）
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>表格行和列属性</title></head><body><table align="center" bgcolor="" border="1px" bordercolor="red" width="400px" height="100px"><caption>成绩单</caption><tr height="60px" bgcolor="gray"><th>姓名 </th><th>编号 </th><th>数学成绩 </th><th>英语成绩 </th></tr><tr align="center" height="50px" valign="middle"><td bgcolor="green"><b>张三</b></td><td>1001</td><td>88</td><td>66</td></tr><tr><td>里斯</td><td>1002</td><td>100</td><td>100</td></tr></table></body></html>
自定义列表
<dl>
<dt>第1项</dt>
<dd>注释1</dd>
<dt>第2项</dt>
<dd>注释2</dd>
<dt>第3项</dt>
<dd>注释3</dd>
</dl>
定义列表默认为两个层次，第一层为列表项标签<DT>，第二层为注释项标签<DD>
表格
<body><table border="1" width="300"><caption>表格标题</caption><tr><td>第一行第一列</td><td>第一行第二列</td></tr><tr><td>第二行第一列</td><td>第二行第二列</td></tr></table></body>
table标签常用属性
表格行的常用属性
表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签<tr>
表格列的常用属性
一个表格有几列组成就要有几个列标签<td>
合并练习
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>合并单元格</title></head><body><table border="1px" width="300px" height="300px" align="center"><tr><td colspan="2"></td><td rowspan="2"></td></tr><tr><td rowspan="2"></td><td></td></tr><tr><td colspan="2"></td></tr></table></body></html>
Table布局练习
Iframe（Inner Frame）内联框架
iframe元素会创建包含另外一个文档的内联框架（即行内框架）。iframe是属于内联框架，它是body的子级，和body是父子关系。iframe作为一个普通元素放在body里
属性
①width可设置内联框架的宽
②height可设置内联框架的高
③name设置框架名称
④src设置页面的路径
⑤scrolling规定是否在iframe 中显示滚动条（yes，no，auto）
⑥frameborder规定是否显示框架周围的边框（1默认有边框,0）
联系客服
