三个列表：
1.无序列表
默认样式 实心小圆点
ul type属性 "square" 实心方形
type属性 "circle" 空心圆
type属性 "none" 去掉小圆点样式
<ul >
<li>列表1</li>
<li>列表2</li>
...
</ul>
2.有序列表
默认样式 阿拉伯数字1,2，3...
<ol>
<li>列表1</li>
<li>列表2</li>
...
</ol>
3.定义列表
<dl>
<dt>定义列表项</dt>
<dd>列表项的说明</dd>
</dl>
加粗：
<b></b><strong></strong>
嵌套
===============块级元素里可以嵌套任何的元素
1.块级元素里可以嵌套块级元素
<div>
<h3></h3>
<div></div>
</div>
2.块级元素里可以嵌套行内元素
<div>
<strong>fff</strong>
</div>
<p>
<b></b>
</p>
3.块级元素里可以嵌套行内块级元素
<div>
<img src="" alt=""/>
</div>
================行内元素里除了块级元素之外，其他元素都可以嵌套
1.行内元素里可以嵌套行内元素
<b>
<i></i>
</b>
2.行内元素里可以嵌套行内块级元素
<b>
<img src="" alt=""/>
</b>
===========倾斜
<i></i> 行内元素
<em></em> 行内元素 表强调
<sub></sub> 下标
<sup></sup>上标
特殊的符号：
空格：
小于号：<
大于号：>
版权：©
超链接
<a href="http://www.baidu.com"></a>
在css 中设置 text-decoration:underline;(默认) overline;(上划线) none(无)
=========href的值
1.另外一个页面的地址 相对路径 / 绝对路径
2.锚点 #id值 或者是 #name的值
3.值为空时 代表 刷新本页面
=========target属性 目标
target的值
1._blank 在新窗口中打开
2._top
3._self
4._parent
后三种在页面中呈现的方式是一样的，都是新窗口把原来的窗口给覆盖掉了
a:link：未点击
a:visited: 点击过
a:hover:鼠标放上
a:active:点击住
遵循爱恨原则
LOVE HATE
<a href=”mailto:******@.com”>调用邮箱发邮件<>
==========title 标题
鼠标到超链接上时显示的文本
所有的标签都可以加的属性
1.id 值是唯一的
2.style 行内样式 值是由多个属性名和属性值构成的 多对属性名和属性值之间用;隔开
<div style="color:red;font-size:20px">hello</div>
用来放所有的样式的
<style>
div{
color:red;
font-size:20px;
}
a{
}
</style>
=====================地图热点区域
<img src="图片路径" usemap="#id值"/>
<map id="id值" name="id值">
<area shape="值" coords="多个数值" href="路径"/>
<area shape="值" coords="多个数值" href="路径"/>
</map>
-----形状shape="值"
值：
1.圆形 circle
2.矩形 rect
3.多边形 poly
-----坐标coords="多个数值"
值：
1.三个值 圆 前两个值圆心坐标 最后一个值是圆的半径
2.四个值 矩形 前两个值 左上角的点的坐标 第三个值是矩形的宽度 第四个值是矩形的高度
3.多个值 多边形 每两个值确定一个角点的坐标
=======================框架
1.行内框架
<iframe src="另一个页面的路径"></iframe>
去边框：frameborder="0或no"
去滚动条：scrolling="no"
直接属性 frameborder="0或no" scrolling="no"
css 中不可改
2.框架集
不要在页面里写body标签
<frameset rows="20%,10%,*">
<frame src="另一个页面的路径" />
<frame src="另一个页面的路径" />
<frame src="另一个页面的路径" />
</frameset>
属性：
1.
rows 行
cols 列
他们的值：
1.百分比 20%,80%
2.像素 px 100px,200px
3.* 剩余所有
2.
去边框：frameborder="0或no"
去滚动条：scrolling="no"
3.大小禁止改变
Noresize 默认为 ture
图片：1 内容图片 2.修饰图片
1.gif 色彩表现少，解析速度快，支持动图，支持透明，首选修饰
2.Jpg/jpeg 色彩较多 不支持动图，支持透明，首选内容
3.Png 透明度最好