HTML 常用標籤

2021-10-03 12:26:59 字數 1323 閱讀 7077

1.基本標籤

標籤含義

說明br

換行標籤

非關閉型標籤

p段落標籤

關閉型標籤,塊級標籤,前後段落

h1、h2、h3…h6

標題標籤

按照h1到h6逐漸變小,塊級標籤,並且文字會加粗顯示

pre預格式化標籤

保留編碼時的格式

div分割槽標籤

常用容器來使用,一般用於頁面布局劃分,塊級標籤

span

範圍標籤

預設情況下沒有任何效果,一般用來設定行內的特殊格式

ol、li

有序列表

有順序的專案列表

ul、li

無序列表

無順序的專案列表

dl、dt、dd

定義列表

對術語、等進行描述和定義的列表

hr水平線標籤

非關閉性標籤,塊級標籤

lmg影象標籤

非關閉型標籤

1.1有序列表

ol:ordered list

li:list item

預設情況下使用阿拉伯數字,從1開始標記,可以通過屬性進行修改

預設使用實心圓作為標記符號,可以通過屬性進行修改

type屬性:設定列表前的標記符號,取值;disc實心圓(預設)、circle空心圓、square正方形,none不顯示符號

1.3定義列表

dl:definition list

dt:definition title

dd:definition description

1.4水平線標籤

hr:horizontal

常用的屬性:

為了更好的語義化

3.頭部標籤

4.標籤巢狀

乙個標籤中巢狀另外乙個標籤

標籤不能亂巢狀,如下標籤的巢狀是錯誤的

style

="width

:300px;

height

:300px;

background

:green

">

style

="width

:200px;

height

:200px;

background

:blue

">

hello

div>

p>

瀏覽器渲染後顯示的頁面的頁面**與編碼時有所不同

chrome瀏覽器提供的開發工具:用來幫助開發人員檢視和除錯頁面的

如何開啟:

常用工具:

html常用標籤

總類 所有html檔案都有的 檔案型別 放在檔案的開頭與結尾 檔案主題 必須放在 文頭 區塊內 文頭 描述性資料,像是 主題 文體 檔案本體 結構性定義 由瀏覽器控制的顯示風格 標題 從1到6,有六層選擇 3.0 標題的對齊 3.0 區分 3.0 區分的對齊 引文區塊 通常會內縮 強調 通常會以斜體...

html常用標籤

一年前學的,沒怎麼用都忘了。現在整理筆記做一下複習。html hypertext markup language 注釋 空格 npsp 一 html的頭標籤 二 html常見標籤 1.加粗 2.下劃線 3.斜體 4.刪除線 5.遠洋輸出 6.下標 7.上標 div與span 劃分區域 自動換行 不換...

html常用標籤

1 html標題 標題是通過 2 html水平線 用來在頁面中建立水平線,用來分隔內容 這是乙個段落。這是乙個段落。這是乙個段落。3 html段落 可以生成段落 this is a paragraph this is another paragraph 瀏覽器會自動在段落前後新增空行 4 html換...