TML是超文本標記語言。

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

web標準的構成

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

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

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

HTML常用標簽

加粗:<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 （每行每列字數）

font-size:設置字體大小:

該屬性值的單位可以使用相對單位和絕對單位，推薦使用px。(瀏覽器能夠識別的最小像素是12px)

    p{
      font-size:20px;
    }

常見尺寸單位：

font-family:設置字體:

如果需要設置多個字體樣式，則屬性值可以寫多個中間用逗號隔開即可，需要知道的是瀏覽器會從第一個字體屬性值找，直到找到自己設備有的字體顯示，自己設備沒有的字體，按設備默認字體顯示,推薦系統默認字體。

    p{
      font-family:"微軟雅黑",Arial;
    }

font-weight:設置字體粗細:

其屬性值有：normal正常不加粗、bold加粗、bolder更粗、lighter更細、number（整百的數字）、inherit繼承父級元素字體粗細

p {
  font-weight:700;
}

font-style:設置字體風格:

如設置斜體、傾斜或正常字體，其屬性值：normal默認值，標準字體、italic斜體、oblique傾斜

font:綜合設置字體樣式（字體樣式連寫）:

字體樣式連寫是有順序的，必須是嚴格遵循順序，其中不需要設置的屬性可以省略，font-size和font-family屬性值必須寫，否則字體連寫失效。

    p{
      /*font:font-style font-weight font-size/line-height font-family;*/
      font:italic bolder 20px/10px Arial;
    }

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者 刪除。

筆者：苦海123

其它問題可通過以下方式聯系本人咨詢：

QQ：810665436

微信：ConstancyMan