html 标簽的使用?HTML是超文本标記語言web标準是由W3C和其它标準化組織制成集合，接下來我們就來聊聊關于html 标簽的使用?以下内容大家不妨參考一二希望能幫到您!

html 标簽的使用

HTML是超文本标記語言。

web标準是由W3C和其它标準化組織制成集合。

結構（對網頁元素進行整理和分類-HTML）

表現（設置網頁元素的版式，顔色，大小等外觀樣式-CSS）

行為（模型的定義及交互的表現-JS）

加粗:<strong>和<b>

傾斜：<em>和<i>

删除線：<del>和<s>

下劃線：<ins>和<u>

<div>分割分區<span>跨度跨距

圖片标簽<img/>

屬性: src圖片路徑

alt替換文本，圖片無法正常顯示

title提示文本，鼠标放到圖像顯示

width寬度，height高度（隻需要修改其中一個）

border邊框（無需單位直接寫數值）

注意：

①圖像标簽可以擁有多個屬性，必須寫在标簽名後面

②屬性之前不分先後順序，标簽名與屬性，屬性與屬性之間需要空格分開

③屬性采取鍵值對的格式

相對路徑：以引用文件所在位置為參考基礎

（同一級路徑，下一級路徑/，上一級路徑../）

絕對路徑：從盤符開始的路徑（）

常用屬性

img ——vspace垂直邊距 ，hspace水平邊距 align對齊

details,summary，鼠标點擊時顯示或隐藏

mark 文本中高亮顯示，和strong相似

cite 用于引用标記，斜體顯示

draggable true選中後可以拖動操作

font定義 font-style font-weight font-size/line-height font-family 順序不能改變

word-wrap break-word長單詞或url地址自動換行

letter-spacing字間距

word-spacing單詞間距

line-height行間距

text-decorantion文本裝飾unline下劃線，overline上劃線，line-through删除線

text-indent 2em 首行縮進兩個字符

white-space空白符處理 pre

box-sizing:content-box當widthh和height的時候不包括margin和panding

更換圖層位置，z軸偏移z-index:-10

align-items:center居中對齊

align-self:center

超鍊接标簽<a>

href鍊接目标地址

target鍊接頁面打開的方式（_self當前窗口打開,_blank新窗口中打開方式）

外部鍊接，内部鍊接，空鍊接，下載鍊接，網頁元素鍊接，錨點鍊接（快速定位到頁面的某個位置- 添加id屬性）

去除超鍊接樣式:text-decoration:none

特殊字符

空格符 &nbsp;

小于号&lt; 大于号&gt;

表格标簽

align對齊方式

bolder表格邊框

cellpadding單元格與内容之間空白

cellspacing單元格與單元格之前空白

合并單元格：rowspan colspan

列表标簽

無序列表：ul li

有序列表：ol li

自定義列表：dl dt dd

表單标簽

完整表單：表單域<form>，表單控件，提示信息

<form>

——action（指定接受并處理表單數據的服務器程序的url地址）

——method（get/post設置表單數據的提交方式）

——name（指定表單名稱）

<input>輸入元素

type屬性：button（點擊按鈕）checkbox（複選框）file（輸入字段和“浏覽”按鈕）hidden（隐藏輸入字段）image（圖片形式提交按鈕）password（密碼字段）radio（單選按鈕）reset（重置按鈕）sumbit（提交按鈕）text（單行輸入字段，默認20個字符）

name屬性：（相同的名字——單選框和複選框）區别不同表單元素

value屬性：定義input元素值

checked屬性：頁面首次加載是否選中

maxlength屬性：輸入字段的最大值

<lable>标簽

用于綁定一個表單元素，當點擊<lable>标簽内的文本時，浏覽器會自動将焦點轉到或者選擇對應的表單元素上，用來增加用戶體驗。

<lable>标簽的for屬性與相關元素的id屬性相同

<select>下拉列表元素

-<option>

-selected="selected"默認選中

<textarea>文本域

-cols rows （每行每列字數）

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!