html總結之列表 區塊 實體 符號

2021-09-23 22:27:24 字數 2437 閱讀 9135

html 列表

標籤描述

有序列表

無序列表

列表項

自定義列表

自定義列表專案

自定義列表項的描述

ul 無序列表type屬性

disc(實心圓點,預設值)

circle(空心圓圈)

square(實心方塊)

none(無樣式)

ol 有序列表type屬性

1 數字列表,預設值

a 大寫字母

a 小寫字母

ⅰ大寫羅馬

ⅰ小寫羅馬

屬性:

border: **邊框.

cellpadding: 內邊距

cellspacing: 外邊距.

width: 畫素 百分比.(最好通過css來設定長寬)

rowspan: 單元格豎跨多少行

colspan: 單元格橫跨多少列(即合併單元格)

有序列表:

無序列表:

自定義列表:

區塊塊級元素

通常都是獨佔一行,可以設定寬高

-

行內元素

通常都根據內容的大小來決定的

兩者的區別

區塊內聯

獨佔一行

內容多大佔多大,相鄰行內元素緊跟其後,直到一行佔滿,則換行

可設定寬高

不能設定寬高

可設定外邊距內邊距

只能設定外邊距左右距離,以及內邊距左右距離,其他無效

display: block

display: inline

注意:

都是行內元素,但是它們是可以設定寬和高的

通常塊級元素可以包含內聯元素或某些塊級元素,但內聯元素不能包含塊級元素,它只能包含其它內聯元素

p標籤不能包含塊級標籤,p標籤也不能包含p標籤。

兩者轉換:

1.塊級轉行級

給塊級元素新增屬性display:inline;(display 顯示,inline 行)

2.行級轉塊級

給行級元素新增屬性display:block;(block 塊)

3.行級塊元素

給需要的元素新增屬性display:inline-block;

分組標籤:

標籤說明

用來布局,塊級 (block-level)

用來組合文件中的行內元素, 行內元素(inline)

實體顯示結果

描述實體名稱

空格

<

小於號<

>

大於號>&和號

&"引號

"』撇號

'(ie不支援)¢分

¢£鎊

£

¥人民幣/日元

¥€歐元

§小節

§版權®

註冊商標

®™商標

×乘號

×÷除號

÷

注意:雖然 html 不區分大小寫,但實體字元對大小寫敏感。

html符號實體

html符號實體 在網頁上顯示一些特殊的符號,我們需要使用html的符號實體,有些人把它稱為字元實體。說明 當我們在網頁中有一些特殊字元時候,可以考慮使用字元實體 char entity html超連結 href mailto 電子郵箱位址 版權符號 font size 7 font br font...

HTML資料之列表

無序列表 格式 type 無序列表前的標記 square 小方塊 disc 實心小圓圈,預設 circle 空心小圓圈 注 一般設定列表樣式,不直接在type屬性中設定,都是通過css來設定。示例 type square 紙上得來終覺淺li 絕知此事要躬行li ul 效果圖 有序列表 格式 列表項 ...

html實體符號編碼解析

在瀏覽器中有很多字元,都是屬於保留字元,例如 對sgml,html,xml來說是有特殊意義的,如果某些unicode字元在文件的當前編碼方式 如iso 8859 1 中不能直接表示,那麼就可以通過字元值引用,這裡也稱之為實體編號或者字元實體引用,這裡也稱之為實體符號兩種轉義序列來表示這些不能直接編碼...