html標籤用法及詳細介紹

2021-10-06 14:04:06 字數 3161 閱讀 4085

eg:注釋標籤: ctrl+/
1.容器盒子

2.換行標籤:

3.橫線標籤:4. 標題標籤:在頁面中代表頁面標題的層級和大小。

6.段落標籤:

在頁面中代表段落標籤,填充文字即可。

7.表示強調標籤:文字

8.屬性: color:改變文字顏色

size:改文字大小屬性

例如:文字

9.文字加粗顯示:或者10.文字斜體顯示: 或

11.下劃線標籤:或者

12.刪除**標籤:或者

width:設定寬度

14.沒有語義的標籤:

頁面內容

實現網頁布局 div可包含任何標籤

在網頁布局中使用

title:設定滑鼠懸停到超連結的文字提示

target:-self

超連結跳轉頁面其他寫法 在頁面寫

16.錨鏈結

目標17.meta標籤用法

防止網頁面亂碼

charset:字符集

utf-8: 編碼格式 (其他格式:gbk gb2312 big5)

eg:注意關鍵字是給搜尋引擎看的搜尋(**推廣)

網頁描述資訊給搜尋引擎看的搜尋(**推廣)

19.link 標籤用法

2.用處 引用外來樣式表

20.列表分類

1.無序列表

2 有序列表

"a">

開門 放進去

關門 3.自定義列表

標題列表項列表項

列表項

注意:dt標籤只能包含行內元素

dd標籤可以包含所有標籤

一般網頁結尾處用自定義列表

21.**

作用:1.**顯示資料 2.網頁布局

1.**組成

表頭 th

行 tr

列 td

** table

(第一行)

姓名年齡職業

(第二行)

小明

2.**屬性在標籤內:border: 設定邊框   width  設定寬度  height 設定高度   cellspacing  設定td與td之間的距離 預設值為2

3.cellpadding 設定內容與td的左側的距離 align: left center right 設定對齊方式 注意:1.如果給table標籤設定align屬性,只會

4.讓標籤居中 不會讓內容居中,給td 或者tr設定align屬性可以讓其內容居中。

5.bgcolor:"pink"設定**背景顏色 設定表頭加粗 用法和td相同 caption 設定標題 用法在table內

6.便捷寫法: table>tr*4>td*4(建立** 加中括號可設定屬性)

7.**結構

8.去掉單元:橫向合併 豎向合併:22.表單

1 提示資訊 2 表單控制項 3 表單域

表單外面的框框

23. 表單域 action:設定後台處理資料的後台程式 method:提交程式給後台的方式 get:提交資料 (將資料顯示在位址列中) post提交資料:通過後台提交資料 (安全性)

"1.php" method="pdst">

使用者名稱:"text" name="username">

密碼:"password" name="pwd">

"sumbit">

"submit">提交

24.表單控制項 

1.文字輸入框

屬性: maxlength="" 設定輸入最大長度 readonly 設定控制項為唯讀 disabled 禁止使用者輸入 value 設定預設值 name 設定控制項名稱 id 控制項編號

2.密碼輸入框

該控制項屬性與文字輸入框屬性一樣

3.單選控制項

注意:該控制項實現單選效果需要給控制項設定相同的name 名稱

屬性:checked 設定控制項預設選中項

4.下拉列表

河南

河北山東

屬性:selected設定控制項預設選中項

其他寫法

:"河北省">

邯鄲石家莊保定

5.多選控制項:  屬性:  checked  設定控制項預設選中項 

愛好: 看書or學習 orluyou旅遊

6.inpu控制項:

"file">資源上傳控制項

"search">自帶刪除功能 後標刪除叉號

"namber" value="60" min="" max=""> 數字設定最大值和最小值

"range" value="60" min="" max=""> 設定範圍

"color">設定顏色

"time">

"date">

"tel"> 在移動端實現彈出數字鍵盤\ required

: 必須輸入 如不阻止當前提交

關閉表單提示 autocomplete="off"

placeholder 輸入框的文字佔位符

文字域

隱藏控制項:"hidden"> value="123" 按鈕

1. 提交按鈕:"submit">

2.普通按鈕:"button">不能提交表單資料

3. 重置按鈕:"reset">(將資料恢復單預設值)

4. 提交按鈕:"image" src=".jpg"> (提交表單資料)

24.標籤 iframe 元素會建立包含另外乙個文件的內聯框架(即行內框架)

您可以把需要的文字放置在 和 之間 詳情檢視

超詳細的HTML 標籤用法及技巧介紹

元素用來建立下拉列表。元素中的 標籤定義了列表中的可用選項。select 元素可建立單選或多選選單。當提交表單時,瀏覽器會提交選定的專案,或者收集用逗號分隔的多個選項,將其合成乙個單獨的引數列表,並且在將 表單資料提交給伺服器時包括 name 屬性。元素是一種表單控制項,可用於在表單中接受使用者輸入...

HTML 標籤 的詳細用法

標籤規定了元素內部的每一列的列屬性。和 標籤為 中的三個列設定了背景色 學習圈位址 評分 專門建立的學習q q u n 100分 注意 如果您對tr做了background color設定,會導致 col 的設定失效 學習圈 位址 評分 專門建立的學習q q u n 100分 所有主流瀏覽器都支援 ...

HTML常用標籤及介紹(二)

form表單標籤是很重要的乙個標籤,當使用者前後端有資料互動的時候,form表單是不可缺少的。1.標籤用於為使用者輸入建立 html 表單。2.表單能夠包含 input 元素,比如文字字段 核取方塊 單選框 提交按鈕等等。3.表單用於向伺服器傳輸資料。注釋 form 元素是塊級元素,其前後會產生折行...