html學習筆記4

2021-08-03 17:28:44 字數 1280 閱讀 1958

5.2**的布局

布局:是乙個頁面的整體結構,

結構特點:從上往下,從左往右,一般每一行高度是一致的

width=

"100%">

colspan=

"3"

style=

"height

: 120px;

background-color

: red

">

style=

"height

: 400px;

background-color

:green

;width

: 150

px">

style=

"width

: 700px;

background-color

:darkblue

">

style=

"width

: 150px;

background-color

: pink

">

colspan=

"3"

style=

"height

: 100px;

background-color

:yellow

">

頁面的布局可以通過table來實現,乙個單元格就是乙個布局區域單位,該區域的大小可以通過height和width屬性來設定,改變位置通過單元格的相對位置來實現,同時可以結合rowspan和colspan兩個屬性來完成單元格的合併

當布局較為複雜的時,可以使用table的巢狀來實現,即在某個單元格中再嵌入乙個table進行劃分

6.div

6.1寫法

style=

"border

: dashed

; width

: 100

px;

height

: 100

px" >

顯示特點:在新的一行進行顯示。塊(級)標籤

division定義乙個分塊

塊級元素和內聯元素的區別

塊級元素佔滿行,而內聯元素會按照順序從左至右依次排列

7標籤總結

塊級標籤:在新的一行進行顯示

div、h1~h6、p、hr、table、ul、pl、dl、tr、option、caption、dd

內聯標籤:不會新起一行顯示

img、inpu、a、td、textarer、span、label、select、th、button、

內聯標籤一般不能巢狀塊級標籤

Html學習筆記4

1 標籤 2.超連結target屬性 3.超連結 有兩種鏈結方式 一種是內部鏈結,另一種是外部鏈結。內部鏈結指的是超連結的鏈結物件是在同乙個 中的資源。與自身 頁面有關的鏈結被稱為內部鏈結。超連結a標籤 的例子就是外部鏈結,這個超連結的鏈結物件是外部 而內部鏈結的鏈結物件是 的其他頁面或當期頁面。超...

HTML學習筆記 4

1.列表 無序表 無序表始於標籤,每個列表始於 有序表 有序表始於標籤,每個列表始於 定義列表 定義列表始於標籤,每個自定義列表項始於,每個列表項的定義始於 2.大多數html元素被定義為塊級元素與內聯元素 塊級元素在瀏覽器顯示時常常會以新行為開始 或結束 內聯元素在顯示時通常不會以新行為開始 3....

HTML學習筆記4

method post action 使用者名稱 p 屬性 解釋type 指定元素的型別,text,password,checkbox,radio,submit,reset,file,hidden,image,button預設為text name 指定表單元素的名稱 value 元素的初始值,當型別...