您好,登錄后才能下訂單哦!
這篇文章主要介紹html常用標(biāo)簽及屬性有哪些,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
HTML中的標(biāo)簽及屬性
HTML頁(yè)面結(jié)構(gòu)
標(biāo)簽 | 描述 |
---|---|
<!DOCTYPE> | 定義文檔類型。 |
<html> | 定義 HTML 文檔。 |
<title> | 定義文檔的標(biāo)題。 |
<body> | 定義文檔的主體。 |
<h2> to <h7> | 定義 HTML 標(biāo)題。 |
<p> | 定義段落。 |
<br> | 定義簡(jiǎn)單的折行。 |
<hr> | 定義水平線。 |
<!--...--> | 定義注釋。 |
表單
標(biāo)簽 | 描述 |
---|---|
<form> | 定義供用戶輸入的 HTML 表單。 |
<input> | 定義輸入控件。 |
<textarea> | 定義多行的文本輸入控件。 |
<button> | 定義按鈕。 |
<select> | 定義選擇列表(下拉列表)。 |
<optgroup> | 定義選擇列表中相關(guān)選項(xiàng)的組合。 |
<option> | 定義選擇列表中的選項(xiàng)。 |
<label> | 定義 input 元素的標(biāo)注。 |
<fieldset> | 定義圍繞表單中元素的邊框。 |
<legend> | 定義 fieldset 元素的標(biāo)題。 |
<datalist> | 定義下拉列表。 |
<keygen> | 定義生成密鑰。 |
<output> | 定義輸出的一些類型。 |
框架
標(biāo)簽 | 描述 |
---|---|
<frame> | 定義框架集的窗口或框架。 |
<frameset> | 定義框架集。 |
<noframes> | 定義針對(duì)不支持框架的用戶的替代內(nèi)容。 |
<iframe> | 定義內(nèi)聯(lián)框架。 |
圖像
標(biāo)簽 | 描述 |
---|---|
<img> | 定義圖像。 |
<map> | 定義圖像映射。 |
<area> | 定義圖像地圖內(nèi)部的區(qū)域。 |
<canvas> | 定義圖形。 |
<figcaption> | 定義 figure 元素的標(biāo)題。 |
<figure> | 定義媒介內(nèi)容的分組,以及它們的標(biāo)題。 |
鏈接
標(biāo)簽 | 描述 |
---|---|
<a> | 定義錨。 |
<link> | 定義文檔與外部資源的關(guān)系。 |
<nav> | 定義導(dǎo)航鏈接。 |
列表
標(biāo)簽 | 描述 |
---|---|
<ul> | 定義無(wú)序列表。 |
<ol> | 定義有序列表。 |
<li> | 定義列表的項(xiàng)目。 |
<dir> | 不贊成使用。定義目錄列表。 |
<dl> | 定義定義列表。 |
<dt> | 定義定義列表中的項(xiàng)目。 |
<dd> | 定義定義列表中項(xiàng)目的描述。 |
<menu> | 定義命令的菜單/列表。 |
<menuitem> | 定義用戶可以從彈出菜單調(diào)用的命令/菜單項(xiàng)目。 |
<command> | 定義命令按鈕。 |
表格
標(biāo)簽 | 描述 |
---|---|
<table> | 定義表格 |
<caption> | 定義表格標(biāo)題。 |
<th> | 定義表格中的表頭單元格。 |
<tr> | 定義表格中的行。 |
<td> | 定義表格中的單元。 |
<thead> | 定義表格中的表頭內(nèi)容。 |
<tbody> | 定義表格中的主體內(nèi)容。 |
<tfoot> | 定義表格中的表注內(nèi)容(腳注)。 |
<col> | 定義表格中一個(gè)或多個(gè)列的屬性值。 |
<colgroup> | 定義表格中供格式化的列組。 |
樣式/節(jié)
標(biāo)簽 | 描述 |
---|---|
<style> | 定義文檔的樣式信息。 |
<div> | 定義文檔中的節(jié)。 |
<span> | 定義文檔中的節(jié)。 |
<header> | 定義 section 或 page 的頁(yè)眉。 |
<footer> | 定義 section 或 page 的頁(yè)腳。 |
<section> | 定義 section。 |
<article> | 定義文章。 |
<aside> | 定義頁(yè)面內(nèi)容之外的內(nèi)容。 |
<details> | 定義元素的細(xì)節(jié)。 |
<dialog> | 定義對(duì)話框或窗口。 |
<summary> | 為 <details> 元素定義可見(jiàn)的標(biāo)題。 |
員信息
標(biāo)簽 | 描述 |
---|---|
<head> | 定義關(guān)于文檔的信息。 |
<meta> | 定義關(guān)于 HTML 文檔的元信息。 |
<base> | 定義頁(yè)面中所有鏈接的默認(rèn)地址或默認(rèn)目標(biāo)。 |
<basefont> | 不贊成使用。定義頁(yè)面中文本的默認(rèn)字體、顏色或尺寸。 |
屬性名 | 英文 | 英文含義 | 取值 | 應(yīng)用場(chǎng)景 |
---|---|---|---|---|
src | SouRCe | 資源位置 | 資源的路徑 | |
border | border | 邊框 | 數(shù)字(像素) | |
size | size | 尺寸 | 數(shù)字(像素) | |
width | width | 寬度 | 數(shù)字(像素) | |
height | height | 高度 | 數(shù)字(像素) | |
bgcolor | BackGround COLOR | 背景顏色 | 顏色值:rea或#ffffff | |
background | background | 背景圖片 | 圖片路徑 | |
list-style | list-style | 設(shè)置列表的所有屬性 | 列表 | |
list-style-image | list-style-image | 將圖像設(shè)置為列表項(xiàng)標(biāo)記 | None url | 列表 |
list-style-type | list-style-type | 設(shè)置列表項(xiàng)標(biāo)記的類型 | Disc(實(shí)心圓) Cirle(空心圓) Square(實(shí)心方塊) | 列表 |
line-height | line-height | 行高(行間距) | 數(shù)字(像素) | 布局多行文本 |
text-align | text-align | 對(duì)齊方式 | Left、right、center | 各種元素對(duì)齊 |
letter-spacing | letter-spacing | 字符間距 | 數(shù)字(像素) | 加大字符間間隔 |
text-decoration | text-decoration | 文本修飾 | Underline、none | 加下劃線、中劃線等 |
margin-top (right、bottom、left) | 外邊距 | 數(shù)字(像素) | ||
padding-top (right、bottom、left) | 內(nèi)邊距 | 數(shù)字(像素) | ||
display | display | 改變塊級(jí)元素與行內(nèi)元素的默認(rèn)顯示方式 | block(行變塊) inline(塊變行) none(該元素不顯示在網(wǎng)頁(yè)中) | |
position | position | 定位 | static(靜態(tài)定位) relative(相對(duì)定位) absolute(絕對(duì)定位) fixed(固定定位) | 用于定位 |
float | float | 浮動(dòng) | None、left、right | |
clear | clear | 處理浮動(dòng)塌陷 | left(清除左邊浮動(dòng)) right(清除右邊浮動(dòng)) both(清除兩邊浮動(dòng)) none(不清除浮動(dòng)) | |
type | type | 列表類型 | Disc(實(shí)心圓) Cirle(空心圓) Square(實(shí)心方塊) | 用于列表 |
align | align | 對(duì)齊 | Left、right、center top、middle、bottom | 段落內(nèi)容水平對(duì)齊文字與圖片垂直對(duì)齊 |
type | type | 表單元素類型 | text(文本) checkbox(復(fù)選) radio(單選) password(密碼) file(文件) submit(提交) reset(重置) button(按鈕) image(圖片按鈕) hidden(隱藏) | 表單元素 |
method | method | 表單數(shù)據(jù)的提交方式 | get post | |
alt | alter | 改變、替換(圖片不顯示時(shí)提示信息) | 圖片 | |
cellpadding | cell padding | 單元格內(nèi)邊距 | 數(shù)字 | 表格 |
cellspacing | cell spacing | 單元格之間距離 | 數(shù)字 | 表格 |
href | Hypertext REFerence | 超文本引用(跳轉(zhuǎn)到文件位置) | ||
rel | RELationship | 關(guān)系(用于定義鏈接的文件和HTML文檔之間的關(guān)系) | StyleSheet樣式表 | link鏈接一個(gè)文件時(shí) |
target | target | 目標(biāo)(網(wǎng)頁(yè)打開(kāi)的位置) | _blank(新窗口打開(kāi)) _self(自身窗口打開(kāi)) _top(以整個(gè)瀏覽器作業(yè)作為窗口顯示新頁(yè)面) _parent(在父窗口中打開(kāi)新的頁(yè)面) | |
colspan | COLumn span | 單元格跨列 | 數(shù)字(跨的列數(shù)) | 表格 |
rowspan | row span | 單元格跨行 | 數(shù)字(跨的行數(shù)) | 表格 |
readonly | read only | 只讀 | ||
value | value | 輸入框的初始值 | ||
maxlength | max length | 最大長(zhǎng)度 | ||
scrolldelay | scroll delay | 滾動(dòng)延時(shí) | < m arquee> | |
direction | direction | 方向(滾動(dòng)方向) | < m arquee |
以上是html常用標(biāo)簽及屬性有哪些的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。