常用HTML標籤與特性

2021-09-27 03:22:18 字數 2161 閱讀 7144

文字標籤

h1 ~ h6 從大到小

語法:雙標籤

h1標籤在乙個網頁裡有且僅有乙個

h4以下的標籤,盡量不用

段落標籤

標籤

屬性:

title: 設定滑鼠放在上顯示的文字內容

alt:載入失敗後顯示的文字

注意:的寬度高度,設定乙個即可,會自動等比縮放

路徑:url,資源統一定為器

絕對路徑

就是從你當前檔案向上找到最根的目錄

屬性語法:屬性名=「屬性值」

如果有多個屬性,以空格分開

html標籤都有的屬性

超連結

可以回到頁面頂部

屬性:

target:

在當前頁面開啟對應頁面(預設的)

新建乙個標籤頁開啟相應頁面

特點

####錨點的使用

錨點一

錨點二

塊級元素和行內元素和行內塊

特點:預設水平排列,可以在一行顯示

不可以設定寬高,寬高由行內元素的內容決定

可以設定margin和padding的左右邊距,上下不可以

常見的行內的元素:b,i,u,s,strong,ins,del,em,a,span

常見的區域劃分元素

**的概述

**就是由若干個單元格有次序的組成了行和列,最終形成了**

**的用途

標籤(常用)

練習: 做乙個4行5列的**

屬性 屬性名=「屬性值」

4.1 table

4.2 tr

4.3 td

練習:4行5列**的基礎上,邊框設為1,單元格間距取消,寬度500,高度300,第一行文字水平垂直都居中,顏色pink,第二行水平居左,垂直居上,yellowgreen

可選標籤

5.1 設定**的標題,注意:想用可以,但是必須放在table標籤下第乙個子元素,特點:自動居中

5.2 ,可以完全替代td,th在大部分瀏覽器下預設加粗居中

**的複雜應用

6.1 ,一般將第一行表頭放到thead內統一管理

6.2 ,一般將**的主體部分放到tbody內統一管理

6.3 ,一般將**的表尾放到tfoot內管理

列表的作用

從上到下顯示資料,可以在資料前增加標識

列表的分類

2.1 有序列表

order list

list item

特點:在每一項前會增加有序的標識

屬性: 2.2 無序列表

屬性

2.3 自定義列表

表單的作用

1.1 提供了供使用者操作的視覺化控制項

1.2 跟伺服器互動

表單的語法標籤

屬性:

action: 提交表單時使用者的行為,值為需要被提交到的伺服器的位址

method: 指定資料提交的方式

表單的控制項

能夠讓客戶操作的控制項

3.1 分類

input元素(單標籤)

屬性:?username=admin

textarea元素

提供給使用者可以輸入多行文字的控制項

屬性:

選項框語法

定義乙個選項框

每乙個選項

屬性

option:

select:

email=zx_0721%40163.com&upwd=123&***=男&aihao=新聞&aihao=旅遊&code=123456

email=zx_0721%40163.com&upwd=&***=男&aihao=新聞&aihao=旅遊&code=123456

HTML5新標籤與特性

語義 定義頁面的頭部 頁首 語義 定義導航欄 語義 定義 頁面底部 頁尾 語義 定義文章 語義 定義區域 語義 定義其所處內容之外的內容 側邊 劉德華 劉若英劉曉慶 戚薇戚繼光 使用者登入 標題 使用者名稱 密 碼 型別 使用示例 含義 email 輸入郵箱格式 tel 輸入手機號碼格式 url 輸...

HTML5新標籤與特性

w3c 手冊中文官網 語義 定義頁面的頭部 頁首 語義 定義導航欄 語義 定義 頁面底部 頁尾 語義 定義文章 語義 定義區域 語義 定義其所處內容之外的內容 側邊 type text value 輸入 list star star 1option 2option 3option datalist ...

HTML5新標籤與特性

屬性 用法 含義 placeholder 佔位符提供可描述輸入字段預期值的提示資訊 autofocus 規定當頁面載入時 input 元素應該自動獲得焦點 multiple 多檔案上傳 autocomplete 規定表單是否應該啟用自動完成功能 required 必填項accesskey 規定啟用 ...