一):列表

一.无序列表

1.作用：显示一行没有排列顺序的数据

2.语义：就是一组没有顺序的数据

3.代码：

4.注意：(1).无序列表中的数据没有先后顺序之分

              (2).<ul>标签配合<li>标签使用,最好不要单独使用

              (3).<ul>用来管理<li>

              (4).<ul>中只能放<li>

              (5).<li>中可以放其他标签

              (6).<li>标签是一个容器

二:有序列表

1.作用:显示一组有顺序的数据

2.语义:一组有顺序的数据

3.代码:

4.注意:(1).有序列表中的所有数据都是有顺序的

           (2).现在一般情况下<ul>标签用的多,<ol>标签用的少

三.自定义列表

1.作用:显示一段数据格式自己定义

2.代码:

二):表格

1.总结:表格的使用非常广泛(早期),不是没你(表格)不可,有你(表格)更好

2.作用:用来将数据以表格的形式显示出来

3.代码及属性:

4.注意:虽然我们能使用表格的属性设置表格样式最好不要用,因为我们以后所有的样式用CSS来设置

三).div与span标签的语义

一.div标签

1.特点:(1).默认独占一行

           (2).单独占一行

           (3).用量大,div+css布局用的最多

           (4).没有语义

2.代码:<div>我是一个div标签</div>

二.span标签

1.特点:(1).一行里面可以有多个span标签

           (2).span标签宽高由内容决定

           (3).没有语义

2.代码:<span>我是一个span标签</span>

四).表单

1.代码及属性:

五).行内元素.块级元素及行内块级元素

一.行内元素

1.常用的行内元素:a.span.b.u.i.s.strong.em.ins.del

2.属性:display:inline;

3.特点:(1).一行里面可以显示多个

           (2).无法设置宽度

           (3).大小由内容决定

4.缺点:无法设置宽度

二.块级元素

1.常用的块元素:div.h1-h6.p.ul.li.ol.dl.dt.dd.

2.属性:display:block;

3.特点:(1).独占一行

           (2).可以设置宽高

           (3).默认独占一行

4.缺点:独占一行

三.行内块级元素

1.常用的行内块级元素:img.input

2.属性:display:inline-block;

3.特点:(1).可以设置宽高

           (2).一行里面可以显示多个