標(biāo)簽+元素

1.標(biāo)題標(biāo)簽

段落標(biāo)簽
 一級(jí)標(biāo)題 

 二級(jí)標(biāo)題 

 三級(jí)標(biāo)題 

 四級(jí)標(biāo)題 

 五級(jí)標(biāo)題 

 六級(jí)標(biāo)題 

2.段落標(biāo)簽

 
 我是一個(gè)段落標(biāo)簽 
  //不換行

3.容器標(biāo)簽

  
 這是頭部 
  
   今日價(jià)格 

4.圖片標(biāo)簽

5.超鏈接

鏈接

6.列表標(biāo)簽

   
我是第一條信息

   
我是第二條信息

   
我是第三條信息

   
我是第四條信息

   
我是第五條信息

7.媒體標(biāo)簽

1.audio音頻播放

2.video視頻播放

3.注意：

• autoplay是控制自動(dòng)播放

  

  為城廂等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及城廂網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、城廂網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

• controls是控制是否顯示播放控件

• loop是控制視頻或者音頻播放到最后一幀的時(shí)候是否從頭開始播放

8.塊元素+特點(diǎn)

h1-h6 div p ul li

特點(diǎn)：

1.總是從新行開始 2.高度，行高、外邊距以及內(nèi)邊距都可以控制。

3.寬度黑認(rèn)是容器的100%

4.可以容納內(nèi)聯(lián)元素和其他塊元素。

9.行內(nèi)元素+特點(diǎn)

span、a、img 、strong、i、u、s、

特點(diǎn)：

和相鄰行內(nèi)元素在一行上。 高、寬無效，但水平方向的padding和margin可以設(shè)置，垂直方向的無效。默認(rèn)寬度就是它本身內(nèi)容的寬度。 行內(nèi)元素只能容納文本或則其他行內(nèi)元素。（ a特殊)

只有左右邊距

1.對(duì)齊vertical-align (圖片旁邊的文字)

vertical-align:bottom;(底線對(duì)齊)

vertical-align:base;(基線對(duì)齊)

vertical-align:middle;(中線對(duì)齊)

vertical-align:top;(頂線對(duì)齊)

10.行內(nèi)塊元素

img、 input、 td

1.和相鄰行內(nèi)元素（行內(nèi)塊〉在一行上,但是之間會(huì)有空白縫隙。

2.默認(rèn)寬度就是它本身內(nèi)容的寬度。 3.高度，行高、外邊距以及內(nèi)邊距都可以控制。

11.快元素與行內(nèi)元素標(biāo)簽轉(zhuǎn)換

display: inline; /*塊級(jí)元素轉(zhuǎn)換為行內(nèi)元素 */

display: block; /行內(nèi)標(biāo)簽轉(zhuǎn)換為塊級(jí)標(biāo)簽/

12.行內(nèi)元素轉(zhuǎn)換為行內(nèi)塊元素

display: inline-block;