HTML入門及標籤總結

2021-10-04 12:37:44 字數 2900 閱讀 7263

html(hypertext markup language)超文字標記語言,是一種標記語言,是使用標籤來描述網頁的。本質上是瀏覽器可識別的規則,我們按照規則寫網頁,瀏覽器根據規則渲染我們的網頁。對於不同的瀏覽器,對同乙個標籤可能會有不同的解釋。

html文件結構

、是文件的開始標記和結束的標記。

是html頁面的根元素,在它們之間是文件的頭部(head)和主體(body)。定義了html文件的開頭部分。

它們之間的內容不會在瀏覽器的文件視窗顯示。

包含了文件的元(meta)資料,配置資訊等,是給瀏覽器看的,你看到的是在body標籤裡面寫的。

、定義了網頁標題,在瀏覽器標題欄顯示。

(修改一下title中的內容,然後看一下瀏覽器,你就會發現title是什麼了)

、之間的文字是可見的網頁主體內容。

head內常用標籤:

定義網頁標題定義內部樣式表定義js**或引入外部js檔案

引入外部樣式表檔案

定義網頁原資訊

html標籤分類:

一.按閉合方式:

1.閉和標籤:標籤成對出現,第乙個開始第二個結尾,中間可新增內容如:

2.自閉和標籤:單個出現,如:,

,二.按是否換行:

1.內斂標籤(行內標籤):不獨佔一行,內部只能巢狀內斂標籤。如:a/b/i/u/s/button/input/span

2.塊級標籤(行外標籤):獨佔一行,內部可巢狀內斂標籤和部分塊級標籤。如:h1-h6/br/hr/p

html常用標籤介紹:

1.b/i/u/s

b標籤表示加粗,i標籤表示傾斜,u標籤表示加下劃線,s標籤表示加刪除線。

加粗傾斜

帶下劃線

帶刪除線的

2.h1-h6h1-h6標籤是標題標籤,塊級標籤,標籤內容依次變小。

3.img和aimg主要用來插入,是內斂標籤。

4.div/p/span

都沒有特殊效果,div標籤獨佔一行;p標籤是段落標籤,獨佔一行;span標籤無效果。

段落標籤,獨佔一行,自帶行間距

獨佔一行

無效果

5.列表標籤a.無序列表ul(unordered list)li

type表示列表符號

b.有序標籤ol(ordered list)li

type表示排序方式:1234,abcd,etc;start表示從什麼開始。

w

k

c.標題列表dl

標題1

內容標題2

內容2

6.tabletable**標籤

thead tbody **頭和**內容

tr 一行**

th td 乙個**頭值和乙個**內容值

姓名

性別年齡

張三男18 李四女20

7.form、inputform是表單標籤,action是提交到的頁面,method是提交方式(post和get2種)

input是輸入標籤,type輸入型別,text:文字型別,password:密文型別,radio:單選,checkbox:多選,file:檔案上傳,data:日期輸入,reset:輸入重置,hidden:隱藏輸入框,submit:提交按鈕

button:提交按鈕

提交資料必須寫在form裡面

checked 預設選中 disabled 不可操作 readonly唯讀

8.select、label選擇框 預設單選 加multiple多選 option是選項。

label 標識標籤,for為標識目標標籤的id,效果:點標識內容到for所指標籤內容處。

disable 禁用 selected 預設選中

城市

北京上海

廣州深圳

備註:1.標籤中的name屬性為傳遞資料時的資料的名稱。

2.textarea標籤為文字輸入標籤。

3.特殊符號表示:空格:  ,小於號:;&符號:&。

html標籤總結

具有boolean值得屬性 disabled checked readonly等 可以省略全部標籤的元素有 html body head tbody group等 標籤巢狀 1 必須巢狀寫的標籤 dt dd必須巢狀在dl標籤裡,input必須巢狀在form標籤中,li必須巢狀在ul中,等等 2 塊級...

HTML標籤總結

一 文字 1.標題文字 1 6 h1為最大字,h6為最小字 2.字型變化 字型大小 1 7 數字愈大字也愈大 指定字型 文字顏色 rr 表紅色 red 色碼 gg 表綠色 green 色碼 bb 表藍色 blue 色碼 rrggbb也可用6位顏色 數字 3.顯示小字型 4.顯示大字型 5.粗體字.6...

HTML標籤總結

標籤 table 標籤,用於包含多個 tr thead 結構標籤,的頭部 tbody 結構標籤,的主體 th 表頭中的單元格,可以存放內容 tr 定義 中的行,用於包含多個 td td 定義 中的單元格,用於存放單元格內容 先放一段 姓名 性別年齡 張三男18 李四男19 王五六女21 要點總結 的...