一):列表

一.無序列表

1.作用：顯示一行沒有排列順序的數(shù)據(jù)

2.語義：就是一組沒有順序的數(shù)據(jù)

3.代碼：

4.注意：(1).無序列表中的數(shù)據(jù)沒有先后順序之分

? ? ? ? ? ? ? (2).<ul>標簽配合<li>標簽使用,最好不要單獨使用

? ? ? ? ? ? ? (3).<ul>用來管理<li>

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

? ? ? ? ? ? ? (5).<li>中可以放其他標簽

? ? ? ? ? ? ? (6).<li>標簽是一個容器

二:有序列表

1.作用:顯示一組有順序的數(shù)據(jù)

2.語義:一組有順序的數(shù)據(jù)

3.代碼:

4.注意:(1).有序列表中的所有數(shù)據(jù)都是有順序的

? ? ? ? ? ?(2).現(xiàn)在一般情況下<ul>標簽用的多,<ol>標簽用的少

三.自定義列表

1.作用:顯示一段數(shù)據(jù)格式自己定義

2.代碼:

二):表格

1.總結:表格的使用非常廣泛(早期),不是沒你(表格)不可,有你(表格)更好

2.作用:用來將數(shù)據(jù)以表格的形式顯示出來

3.代碼及屬性:

4.注意:雖然我們能使用表格的屬性設置表格樣式最好不要用,因為我們以后所有的樣式用CSS來設置

三).div與span標簽的語義

一.div標簽

1.特點:(1).默認獨占一行

? ? ? ? ? ?(2).單獨占一行

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

? ? ? ? ? ?(4).沒有語義

2.代碼:<div>我是一個div標簽</div>

二.span標簽

1.特點:(1).一行里面可以有多個span標簽

? ? ? ? ? ?(2).span標簽寬高由內(nèi)容決定

? ? ? ? ? ?(3).沒有語義

2.代碼:<span>我是一個span標簽</span>

四).表單

1.代碼及屬性:

五).行內(nèi)元素.塊級元素及行內(nèi)塊級元素

一.行內(nèi)元素

1.常用的行內(nèi)元素:a.span.b.u.i.s.strong.em.ins.del

2.屬性:display:inline;

3.特點:(1).一行里面可以顯示多個

? ? ? ? ? ?(2).無法設置寬度

? ? ? ? ? ?(3).大小由內(nèi)容決定

4.缺點:無法設置寬度

二.塊級元素

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

2.屬性:display:block;

3.特點:(1).獨占一行

? ? ? ? ? ?(2).可以設置寬高

? ? ? ? ? ?(3).默認獨占一行

4.缺點:獨占一行

三.行內(nèi)塊級元素

1.常用的行內(nèi)塊級元素:img.input

2.屬性:display:inline-block;

3.特點:(1).可以設置寬高

? ? ? ? ? ?(2).一行里面可以顯示多個