摘要：標簽標簽由一對尖括號包裹起來的整體。表格標簽行單元格代碼游戲段位倔強廢鐵執拗鋼鐵部門姓名電話號碼修復部技術宅測試部測試神的屬性表格邊框單元格之間的間距單元格的邊框與內容之間的間距表格寬度表格高度的屬性內容水平對齊方式。

    

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

[注]：保存文件時記得文件字符編碼和頁面字符編碼一致，避免出現亂碼。（文件—另存為—編碼—保存）

格式：
注釋方便程序員理解代碼，注釋的內容不會呈現在頁面上。

html標簽：由一對尖括號包裹起來的整體。
單標簽：meta,input,br,hr
雙標簽：div,span,p,h1……

html元素：由雙標簽或者單標簽組成。
,

html屬性：寫在標簽名后面，用空格隔開，多個屬性之間用空格隔開，同一個屬性多個屬性值，屬性值之間也用空格隔開。
格式：html屬性="屬性值"

標簽可以把html文檔分割為獨立區塊

    
文檔頂部信息及導航區塊
    
文檔主體區塊
    
文檔底部信息區塊

標簽被用來組合文檔中的行內元素。
沒有固定的格式表現當對它應用樣式時，它才會產生視覺上的變化

[注]塊級元素會獨占一整行，而行內元素一行可以顯示多個。

視覺上文字字體從大到小，語義上從重到輕。一個頁面只有一個h1標簽。
一級標題
二級標題
三級標題
四級標題
五級標題
六級標題

這是一個段落

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

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

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

視覺標簽 b、i; 語義標簽(起強調作用) strong、em

書寫代碼時，多個空格及換行會被渲染成一個空格，所以要用標識符 來輸出空格。空格大小不等于字體大小，但受字體大小的影響。
同理像<,>這些在html語言中有特殊含義的字符，想要在頁面中正常輸出也要使用標識符輸出。

1.無序列表(unordered list)

列表項(list item)

標簽：ul>li

    
吃飯
    
睡覺
    
打機

2.有序列表(ordered list)

標簽：ol>li

    
秩序廢鐵
    
最強生鐵
    
榮耀鋼鐵

3.自定義列表(definition list)

自定義列表項(definition term), 對自定義列表項的描述(definition description)

標簽：dl>dt+dd

    
端游
    
DOTA
    
LOL
    
DNF
    
手游
    
王者榮耀
    
吃雞
    
陰陽師

代碼：

[src]所引入圖片的路徑,../代表返回上一層目錄;
[alt]圖片無法正常顯示時出現的文字
[titlt]鼠標懸停在圖片上出現的文字

    


[href]錨鏈接跳轉的路徑;路徑一般為網址，html文件(其他頁面)或者#號，#代表不跳轉且回到當前頁的頂部
[target]跳轉方式，_self:在當前窗口跳轉(默認) _blank:打開一個新窗口并跳轉到路徑地址

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

代碼:table>tr>td

    

        
游戲ID
        
段位
    
    

        
haha
        
倔強廢鐵
    
    

        
xixi
        
執拗鋼鐵
    




    

        
部門
        
姓名
        
電話號碼
    
    

        
BUG修復部
        
技術宅
        
123456789
        
020-1234567
    
    

        
BUG測試部
        
測試神
        
987654321
    


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

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

    用戶名：

    密碼：

    性別：male 
    female

    愛好：吃飯 睡覺 打機 

    idol
    
        
        彭于晏
        吳彥祖
        蔡徐坤
    
    
    
    


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

5.文本域 textarea[cols列數][rows行數]

textarea限制字數的兼容方法

在input標簽中限制字數只需要設置maxlength="number"即可，但是在textarea標簽中，IE9及IE9以下瀏覽器是不支持的

eg:限制字數長度為231。

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

如省略onchange，當你用復制功能，此時一直按著ctrl不松開，鼠標去點擊其他地方（焦點移出textarea）時，不會自動取消超出部分；
如省略onkeydown，快速錄入的時候會有很多個字符突然不見；
如省略onkeyup，原想預計200的情況下，會變成201，并且最后一個字符是最后敲進去的。
Maxlength 也不可省略，加上maxlength 當碰到IE10及以上版本時，可以完美的實現限制輸入框字數的功能。不像其他低版本的IE瀏覽器還可能出現一個字母后消失。