HTML5列表 塊和布局

2021-08-03 17:02:30 字數 1335 閱讀 5412

-----------------siwuxie095

html5 列表標籤

描述 有序列表

無序列表

列表項 列表

列表項 描述

1、無序列表

標籤:、

屬性:disc、circle、square

2、有序列表

標籤:、

屬性:a、a、i、i、start

3、巢狀列表

標籤:、

、4、自定義列表

標籤:、

html5 塊

1、html 塊元素

塊元素在顯示時,通常會以新行開始,如:、、

2、html 內聯元素

內聯元素通常不會以新行開始,如:

、、3、html 元素

元素也被稱為塊元素,其主要是組合(承載)

html 元素的容器

4、html 元素

元素是內聯元素,可作為文字的容器

html5 布局

1、使用

元素布局

2、使用

元素布局

如下:

(1)div 布局

html>

lang="en">

id="container">

id="heading">

頭部 id="content_menu">

內容選單

id="content_body">

內容主體

id="footing">底部

(2)table 布局

html>

lang="en">

marginwidth="0px"marginheight="0px">

width="100%"height="950px"style="background-color: darkgray">

colspan="2"width="100%"height="10%"style="background-color: aqua">頭部

width="30%"height="80%"style="background-color: aquamarine">

內容選單

width="70%"height="80%"style="background-color: blueviolet">

內容主體

colspan="2"width="100%"height="10%"style="background-color: brown">底部

【made by siwuxie095】

3 HTML5列表 塊和布局

標籤 描述 ol 有序列表 ul 無序列表 li 列表項 dl 列表 dt 列表項 dd 描述 常用列表形式 1,無序列表 使用標籤 ul li 屬性 disc 實心 circle 空心圓 square 實體矩形 type 2,有序列表 使用標籤 ol li 屬性 a,a,l,i,start 從幾開...

HTML5列表元素

列表元素可以有如下標籤 標籤定義有序列表 特別屬性有 type 設定樣式 reversed 降序 type屬性可以設定不同的專案符號,值可選disc circle square 列表項內部可以使用段落,換行符,鏈結以及其它列表等。有序列表也是一列專案,列表專案使用數字進行標記。有序列表始於標籤。每個...

HTML5列表標籤

原創 2014年07月03日 20 16 37 列表 list 就是在網頁中將相關資料以條目的形式有序或者無序排列而形成的表。常用的列表有無序列表 有序列表和定義列表三種。另外,還有不太常用的目錄列表和選單列表。列表型別與標記符號 列表型別 標記符號 列表型別 標記符號 無序列表 ul目錄列表 di...