html5 知识点简单总结02

三个列表：

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> 行内元素  表强调

 下标

上标

特殊的符号：

空格：

小于号：<

大于号：>

版权：©

超链接

<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 透明度最好