溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html常用標(biāo)簽及屬性有哪些

發(fā)布時(shí)間:2020-10-22 14:59:26 來(lái)源:億速云 閱讀:210 作者:小新 欄目:web開(kāi)發(fā)

這篇文章主要介紹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)景
srcSouRCe資源位置資源的路徑
borderborder邊框數(shù)字(像素)
sizesize尺寸數(shù)字(像素)
widthwidth寬度數(shù)字(像素)
heightheight高度數(shù)字(像素)
bgcolorBackGround COLOR背景顏色顏色值:rea或#ffffff
backgroundbackground背景圖片圖片路徑
list-stylelist-style設(shè)置列表的所有屬性
列表
list-style-imagelist-style-image將圖像設(shè)置為列表項(xiàng)標(biāo)記None
url
列表
list-style-typelist-style-type設(shè)置列表項(xiàng)標(biāo)記的類型Disc(實(shí)心圓)
Cirle(空心圓)
Square(實(shí)心方塊)
列表
line-heightline-height行高(行間距)數(shù)字(像素)布局多行文本
text-aligntext-align對(duì)齊方式Left、right、center各種元素對(duì)齊
letter-spacingletter-spacing字符間距數(shù)字(像素)加大字符間間隔
text-decorationtext-decoration文本修飾Underline、none加下劃線、中劃線等
margin-top
(right、bottom、left)

外邊距數(shù)字(像素)
padding-top
(right、bottom、left)

內(nèi)邊距數(shù)字(像素)
displaydisplay改變塊級(jí)元素與行內(nèi)元素的默認(rèn)顯示方式block(行變塊)
inline(塊變行)
none(該元素不顯示在網(wǎng)頁(yè)中)

positionposition定位static(靜態(tài)定位)
relative(相對(duì)定位)
absolute(絕對(duì)定位)
fixed(固定定位)
用于定位
floatfloat浮動(dòng)None、left、right
clearclear處理浮動(dòng)塌陷left(清除左邊浮動(dòng))
right(清除右邊浮動(dòng))
both(清除兩邊浮動(dòng))
none(不清除浮動(dòng))

typetype列表類型Disc(實(shí)心圓)
Cirle(空心圓)
Square(實(shí)心方塊)
用于列表
alignalign對(duì)齊Left、right、center
top、middle、bottom
段落內(nèi)容水平對(duì)齊文字與圖片垂直對(duì)齊
typetype表單元素類型text(文本)
checkbox(復(fù)選)
radio(單選)
password(密碼)
file(文件)
submit(提交)
reset(重置)
button(按鈕)
image(圖片按鈕)
hidden(隱藏)
表單元素
methodmethod表單數(shù)據(jù)的提交方式get
post

altalter改變、替換(圖片不顯示時(shí)提示信息)
圖片
cellpaddingcell padding單元格內(nèi)邊距數(shù)字表格
cellspacingcell spacing單元格之間距離數(shù)字表格
hrefHypertext REFerence超文本引用(跳轉(zhuǎn)到文件位置)

relRELationship關(guān)系(用于定義鏈接的文件和HTML文檔之間的關(guān)系)StyleSheet樣式表link鏈接一個(gè)文件時(shí)
targettarget目標(biāo)(網(wǎng)頁(yè)打開(kāi)的位置)_blank(新窗口打開(kāi))
_self(自身窗口打開(kāi))
_top(以整個(gè)瀏覽器作業(yè)作為窗口顯示新頁(yè)面)
_parent(在父窗口中打開(kāi)新的頁(yè)面)

colspanCOLumn span單元格跨列數(shù)字(跨的列數(shù))表格
rowspanrow span單元格跨行數(shù)字(跨的行數(shù))表格
readonlyread only只讀

valuevalue輸入框的初始值

maxlengthmax length最大長(zhǎng)度

scrolldelayscroll delay滾動(dòng)延時(shí)
< m arquee>
directiondirection方向(滾動(dòng)方向)
< m arquee


以上是html常用標(biāo)簽及屬性有哪些的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(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)容。

AI