摘要：表示文檔類型存放不可見元數(shù)據(jù)提供關(guān)于文檔的信息瀏覽器左上角標(biāo)簽存放可見事情文本元素元素加粗這是教程元素加粗這是教程元素安全換行元素傾斜這是教程元素傾斜這是教程元素傾斜這是教程元素刪除線這是教程元素刪

1.文本元素 

b元素（加粗）： 這是HTML教程 

strong元素（加粗）： 這是HTML教程 

wbr元素(安全換行)： this is asdfasdgasdgfasdfasdf is apple 

i元素(傾斜)： 這是HTML教程

em元素(傾斜): 這是HTML教程

var元素(傾斜): 這是HTML教程
 
s元素(刪除線):這是HTML教程

del元素(刪除線): 這是HTML教程

u元素(下劃線): 這是HTML教程

ins元素(下劃線): 這是HTML教程

small元素(放小字體): 這是HTML教程

sub元素(下標(biāo)): 這是HTML5教程

sup元素(上標(biāo)): 這是HTML5教程

code元素(代碼塊): 這是HTML教程

kdb元素(用戶輸入): 這是HTML教程

abbr元素(縮寫): 這是HTML教程

dfn元素(表示術(shù)語): 這是HTML教程

q元素(雙引號(hào)): 這是HTML教程

cite元素(引用標(biāo)題): 這是HTML教程

bdo元素(文字方向): 這是HTML教程

mark元素(突出顯示):  這是HTML教程

time元素(時(shí)間): 這是2019-01-01教程

span元素(跟CSS搭配): 這是HTML教程


2.超鏈接和路徑 


BaiDu 


BaiDu 


轉(zhuǎn)入第二頁 

轉(zhuǎn)入父目錄 


3.錨點(diǎn)鏈接(頁面內(nèi)定位) 

第一章 第二章 第三章 


4.分組元素 


這是一個(gè)段落
這是另外一個(gè)段落

這是一個(gè)通用分組
這是另外一個(gè)通用分組

這是一個(gè)來自其他內(nèi)容的引用
這是另外一個(gè)來自其他內(nèi)容的引用

    ########
        ######### 
               #######




無序列表:


    
張三
    
李四
    
王五
 


有序列表：



        
張三
        
李四
        
王五
 
 
生成說明列表：


    
這是第一份文件
    
這是第一份文件的詳細(xì)信息1
    
這是第一份文件的詳細(xì)信息2

    
這是第二份文件
    
這是第二份文件的詳細(xì)信息1
    
這是第二份文件的詳細(xì)信息2
    
 


圖片鏈接: 



    
    


5.表格元素 


構(gòu)建基本的表格：

    
    
這是標(biāo)題
    
    
        
        
        
        
    
    
    

        

            
姓名
            
性別
            
婚姻
            
基本情況
        
    
    
    

        

            
張三
            
男
            
未婚
        
        

            
李四
            
女
            
已婚
        
    
    
    

        

            
統(tǒng)計(jì)：共兩人
        
    



6.文檔元素 


標(biāo)題: 


    這里存放頁面的表頭部分：LOGO,標(biāo)題，導(dǎo)航等.
    

        
這是大標(biāo)題
        
這是一個(gè)副標(biāo)題
    
    


主題部分: 



    這是文檔的主題部分



    這是一個(gè)文檔
    
...
    
...
    





頁面尾部: 






7.嵌入元素 


插入圖片：

 


在頁面中插入另外一個(gè)frame： 

百度 | 好搜




 


嵌入插件內(nèi)容：  



 


進(jìn)度條：  

 


范圍值：  


 


8.音頻和視頻 


 
  


音頻和視頻幾乎一樣（除了沒有寬高）: 


 


9.表單元素 


1. form元素（用以用戶輸入數(shù)據(jù)）:  



    
    

        
        
注冊(cè)分組
        
        
        
        用戶名：  

        

        
        
        電子郵件： 
        

        
        提交
    
 


2. Input的type屬性：
  


    
    文本： 

    
    密碼： 

    搜索:  

    
    數(shù)字:  

    范圍:  

    日期:       

    顏色:  

    復(fù)選框: 音樂  體育 

    單選框: 男  女 

    提交:  

    重置:  

    按鈕: 

    圖片按鈕:  

    email:  

    telephone: 

    URL: 

    隱藏:

    上傳文件:


    提交


 


3. 下拉列表框：
 

    
    
        
        
            蘋果
            橙子
            香蕉
        
        
            大米
            稻谷
            玉米
                   
    
    提交
  


4.多行文本框：
 


    
            請(qǐng)留下你的建議
    
    提交
 


10.全局屬性和其他 


1. 實(shí)體：將有特殊意義的字符通過實(shí)體代碼顯示出來 


顯示括號(hào)： 
   

空格： 我       你

和號(hào)： &HTML

引號(hào)： "HTML

撇號(hào)：'HTML

版權(quán)：©


2.元數(shù)據(jù)meta: 

2.1. 指定名/值元數(shù)據(jù)對(duì)  










2.2.聲明編碼格式




3.全局屬性: 

3.1. id屬性: 





id屬性給元素分配一個(gè)唯一的標(biāo)識(shí)符，通常用于CSS和javascript調(diào)用選中元素，只能是獨(dú)有的

3.2. class屬性: 







class也是用于定位，是用于元素的歸類，通過CSS同時(shí)設(shè)置多個(gè)元素

3.3.accesskey元素: 



用以修改text

3.5. dir屬性： 



設(shè)置文本方向，左到右為ltr，右到左為rtl

3.6. hidden屬性: 



可以局部設(shè)置語言


3.8. title屬性：



對(duì)元素的內(nèi)容進(jìn)行額外提示


3.9.tabindex元素  



表單中按下Tab鍵，實(shí)現(xiàn)獲取焦點(diǎn)的順序，-1為不會(huì)被選中


3.10. style屬性



設(shè)置行內(nèi)的CSS樣式











































































這是第一章內(nèi)容

























































這是第二章內(nèi)容

























































這是第三章內(nèi)容