摘要：標(biāo)簽標(biāo)簽由一對(duì)尖括號(hào)包裹起來(lái)的整體。表格標(biāo)簽行單元格代碼游戲段位倔強(qiáng)廢鐵執(zhí)拗鋼鐵部門姓名電話號(hào)碼修復(fù)部技術(shù)宅測(cè)試部測(cè)試神的屬性表格邊框單元格之間的間距單元格的邊框與內(nèi)容之間的間距表格寬度表格高度的屬性內(nèi)容水平對(duì)齊方式。

    

    
        
        
    
    
            1.DOCTYPE:聲明文檔類型。此處為文檔類型為html5;
            2.html標(biāo)簽聲明此文件為html文件，[lang]代表語(yǔ)言，主要語(yǔ)言為英語(yǔ)；
            3.head標(biāo)簽內(nèi)存放頁(yè)面信息，body標(biāo)簽內(nèi)書寫頁(yè)面結(jié)構(gòu)；
            4.meta標(biāo)簽提供元信息，[charset]定義字符編碼；
            5.title標(biāo)簽內(nèi)書寫頁(yè)面標(biāo)題；
            
    

[注]：保存文件時(shí)記得文件字符編碼和頁(yè)面字符編碼一致，避免出現(xiàn)亂碼。（文件—另存為—編碼—保存）

格式：
注釋方便程序員理解代碼，注釋的內(nèi)容不會(huì)呈現(xiàn)在頁(yè)面上。

html標(biāo)簽：由一對(duì)尖括號(hào)包裹起來(lái)的整體。
單標(biāo)簽：meta,input,br,hr
雙標(biāo)簽：div,span,p,h1……

html元素：由雙標(biāo)簽或者單標(biāo)簽組成。
,

html屬性：寫在標(biāo)簽名后面，用空格隔開(kāi)，多個(gè)屬性之間用空格隔開(kāi)，同一個(gè)屬性多個(gè)屬性值，屬性值之間也用空格隔開(kāi)。
格式：html屬性="屬性值"

標(biāo)簽可以把html文檔分割為獨(dú)立區(qū)塊

    
文檔頂部信息及導(dǎo)航區(qū)塊
    
文檔主體區(qū)塊
    
文檔底部信息區(qū)塊

標(biāo)簽被用來(lái)組合文檔中的行內(nèi)元素。
沒(méi)有固定的格式表現(xiàn)當(dāng)對(duì)它應(yīng)用樣式時(shí)，它才會(huì)產(chǎn)生視覺(jué)上的變化

[注]塊級(jí)元素會(huì)獨(dú)占一整行，而行內(nèi)元素一行可以顯示多個(gè)。

視覺(jué)上文字字體從大到小，語(yǔ)義上從重到輕。一個(gè)頁(yè)面只有一個(gè)h1標(biāo)簽。
一級(jí)標(biāo)題
二級(jí)標(biāo)題
三級(jí)標(biāo)題
四級(jí)標(biāo)題
五級(jí)標(biāo)題
六級(jí)標(biāo)題

這是一個(gè)段落

    珠三角地區(qū)包括了廣州、深圳、東莞、珠海、中山
以上都是我瞎寫的

大寫加粗的牛掰
大寫加粗的帥氣

讓這世界為我傾斜
而我為你傾斜

視覺(jué)標(biāo)簽 b、i; 語(yǔ)義標(biāo)簽(起強(qiáng)調(diào)作用) strong、em

書寫代碼時(shí)，多個(gè)空格及換行會(huì)被渲染成一個(gè)空格，所以要用標(biāo)識(shí)符 來(lái)輸出空格?？崭翊笮〔坏扔谧煮w大小，但受字體大小的影響。
同理像<,>這些在html語(yǔ)言中有特殊含義的字符，想要在頁(yè)面中正常輸出也要使用標(biāo)識(shí)符輸出。

1.無(wú)序列表(unordered list)

列表項(xiàng)(list item)

標(biāo)簽：ul>li

    
吃飯
    
睡覺(jué)
    
打機(jī)

2.有序列表(ordered list)

標(biāo)簽：ol>li

    
秩序廢鐵
    
最強(qiáng)生鐵
    
榮耀鋼鐵

3.自定義列表(definition list)

自定義列表項(xiàng)(definition term), 對(duì)自定義列表項(xiàng)的描述(definition description)

標(biāo)簽：dl>dt+dd

    
端游
    
DOTA
    
LOL
    
DNF
    
手游
    
王者榮耀
    
吃雞
    
陰陽(yáng)師

代碼：

[src]所引入圖片的路徑,../代表返回上一層目錄;
[alt]圖片無(wú)法正常顯示時(shí)出現(xiàn)的文字
[titlt]鼠標(biāo)懸停在圖片上出現(xiàn)的文字

    


[href]錨鏈接跳轉(zhuǎn)的路徑;路徑一般為網(wǎng)址，html文件(其他頁(yè)面)或者#號(hào)，#代表不跳轉(zhuǎn)且回到當(dāng)前頁(yè)的頂部
[target]跳轉(zhuǎn)方式，_self:在當(dāng)前窗口跳轉(zhuǎn)(默認(rèn)) _blank:打開(kāi)一個(gè)新窗口并跳轉(zhuǎn)到路徑地址

特殊用法：href="javascript:void(0);" || href="javascript:;"
此用法表示保留a標(biāo)簽的特性,但阻止跳轉(zhuǎn)。

代碼:table>tr>td

    

        
游戲ID
        
段位
    
    

        
haha
        
倔強(qiáng)廢鐵
    
    

        
xixi
        
執(zhí)拗鋼鐵
    




    

        
部門
        
姓名
        
電話號(hào)碼
    
    

        
BUG修復(fù)部
        
技術(shù)宅
        
123456789
        
020-1234567
    
    

        
BUG測(cè)試部
        
測(cè)試神
        
987654321
    


table的屬性
    [border]表格邊框
    [cellspacing]單元格之間的間距
    [cellpadding]單元格的邊框與內(nèi)容之間的間距
    [width]表格寬度
    [height]表格高度

tr的屬性
    [align]內(nèi)容水平對(duì)齊方式。值為:left、center、right;
    [valign]內(nèi)容垂直對(duì)齊方式。值為:top、middle、bottom等
    
td的屬性
    [colspan]單元占據(jù)的列數(shù)
    [rowspan]單元格占據(jù)的行數(shù)
    以上兩個(gè)屬性用于合并單元格(合并行:往下合并;合并列:往右合并)

    用戶名：

    密碼：

    性別：male 
    female

    愛(ài)好：吃飯 睡覺(jué) 打機(jī) 

    idol
    
        
        彭于晏
        吳彥祖
        蔡徐坤
    
    
    
    


1.form屬性：
    [action]表單信息提交的后臺(tái)地址
    [method]提交方式,有兩種方式：get、post
    
2.表單控件:input ,[type]表單控件的類型
    [name]給同一組的表單控件加上相同的名字(寫了名字就能提交)
    [value] 給表單控件添加內(nèi)容
    [checked] 默認(rèn)選中
    
3.type的屬性值：
    text 文本框 
    password 密碼框
    radio 單選框 
    checkbox 多選框 
    submit 提交按鈕 
    button 普通按鈕 
    reset 重置按鈕
    
4.下拉列表:select,選項(xiàng):option[value][selected默認(rèn)選中]

5.文本域 textarea[cols列數(shù)][rows行數(shù)]

textarea限制字?jǐn)?shù)的兼容方法

在input標(biāo)簽中限制字?jǐn)?shù)只需要設(shè)置maxlength="number"即可，但是在textarea標(biāo)簽中，IE9及IE9以下瀏覽器是不支持的

eg:限制字?jǐn)?shù)長(zhǎng)度為231。

[注] onchange、onkeydown、onkeyu三者缺一不可.

如省略onchange，當(dāng)你用復(fù)制功能，此時(shí)一直按著ctrl不松開(kāi)，鼠標(biāo)去點(diǎn)擊其他地方（焦點(diǎn)移出textarea）時(shí)，不會(huì)自動(dòng)取消超出部分；
如省略onkeydown，快速錄入的時(shí)候會(huì)有很多個(gè)字符突然不見(jiàn)；
如省略onkeyup，原想預(yù)計(jì)200的情況下，會(huì)變成201，并且最后一個(gè)字符是最后敲進(jìn)去的。
Maxlength 也不可省略，加上maxlength 當(dāng)碰到IE10及以上版本時(shí)，可以完美的實(shí)現(xiàn)限制輸入框字?jǐn)?shù)的功能。不像其他低版本的IE瀏覽器還可能出現(xiàn)一個(gè)字母后消失。