HTML5 css3 學習筆記之元素彙總

2021-07-08 10:43:01 字數 1452 閱讀 6308

一、元素總匯:

a br

wbr(可安全換行)

b(標記一段文字但不強調)

strong(表示重要)

i(表示外文或科學術語,傾斜)

em(表示強調 傾斜)

code(計算機**)

var(表示程式輸出)

samp(表示變數)

kdb(表示使用者輸入)

這四個屬於英文範疇,必須將lang=」en」英語才能體現效果

abbr(表示縮寫)

q(引用他處的內容 加雙引號)

cite(表示引用其他作品的標題 傾斜)

del(表示被刪除的文字 強調的刪除)

s(表示文字已不再確認 不強調的刪除)

u(加下劃線 不強調)

ins(加下劃線 強調)

dfn(表示術語定義 傾斜)

mark(表示與另一段上下文有關的內容)

rp(與ruby元素結合使用,標記括號)

rt(與ruby元素結合使用,標記括號)

ruby(表示位於表意文字上方或右方的注音符號)

bdo(控制文字的方向)

dir屬性:rtl(從右到左)和ltr(從左到右)

bdi屬性:大部分主流瀏覽器不支援 忽略

small(表示小號字型內容)

sub(表示下標字型)

sup(表示上標字型)

time(表示時間或日期)

u(標記一段文字但不強調)

span(通用元素,沒有任何語義)

二、html5分組元素總匯 都比較常用

p 段落

div 沒有任何語義的通用元素,和span是對應元素

blockquote 表示引自他處的大段內容

pre 表示其格式應被保留的內容

hr 水平線

ul,ol 無序列表、有序列表

li 列表項

dl dt dd 定義說明列表

figure 表示使用插圖 html5才有的

figcaption 表示figure元素的標題

ol的三個屬性:

start 從第幾個序號開始統計

reversed 是否倒序 很多瀏覽器不支援

type:1、a、a、i、i

li元素的屬性:

value:強行設定某個列表項的編號

figsure 使用插圖

這是一張

三、**

設定行的屬性:

設定列的屬性:

第一種:

解釋:colgroup元素是為了處理某個列,span屬性定義處理哪些列。1表示第一列,

2表示前兩列。如果要單獨設定第二列,那麼需要宣告前兩個,先處理第乙個,將列點移入第二位,再處理第二個即可。

第二種:更靈活

col元素表示單獨一列,乙個表示一列,控制更加靈活。如果設定了span,則控制多列。

HTML5 css3 學習筆記之嵌入元素

五 嵌入元素 嵌入元素總匯 img屬性 alt 當不載入時顯示的備用內容 ismap 建立伺服器端分割槽響應圖 usemap 關聯元素 map標籤 通過中的熱點進行超連結 嵌入另乙個文件屬性 src 表示初始化時顯示的頁面 name 表示用於target的名稱 width height 顯示進度 一...

重頭學習html5 css3系列筆記(3)

復合選擇器 字型屬性 文字屬性 css 設定文字內容 字型,大小,對齊方式 的外形 寬度,邊框樣式,邊距 版面的布局和外觀顯示樣式 css美化html 讓html專注於結構 css由兩部分構成 選擇器 一條或多條宣告 css選擇器 又分基礎選擇器和復合選擇器兩大類 基礎選擇器 由單個選擇器構成,又包...

html5 css3學習(五)之浮動

通過display樣式可以修改元素的型別 可選值lnline 將乙個元素作為內聯元素顯示 block 將乙個元素設為塊元素顯示 inline block 將乙個元素轉換為行內塊元素,使元素既有行內元素特點又有塊元素特點,使其既能設定寬高,又不會獨佔一行 none 不顯示元素,並且元素不會在頁面中占有...