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

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元素(下標): 這是HTML5教程

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

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

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

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

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

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

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

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

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

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

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


2.超鏈接和路徑 


BaiDu 


BaiDu 


轉入第二頁 

轉入父目錄 


3.錨點鏈接(頁面內定位) 

第一章 第二章 第三章 


4.分組元素 


這是一個段落
這是另外一個段落

這是一個通用分組
這是另外一個通用分組

這是一個來自其他內容的引用
這是另外一個來自其他內容的引用

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




無序列表:


    
張三
    
李四
    
王五
 


有序列表：



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


    
這是第一份文件
    
這是第一份文件的詳細信息1
    
這是第一份文件的詳細信息2

    
這是第二份文件
    
這是第二份文件的詳細信息1
    
這是第二份文件的詳細信息2
    
 


圖片鏈接: 



    
    


5.表格元素 


構建基本的表格：

    
    
這是標題
    
    
        
        
        
        
    
    
    

        

            
姓名
            
性別
            
婚姻
            
基本情況
        
    
    
    

        

            
張三
            
男
            
未婚
        
        

            
李四
            
女
            
已婚
        
    
    
    

        

            
統計：共兩人
        
    



6.文檔元素 


標題: 


    這里存放頁面的表頭部分：LOGO,標題，導航等.
    

        
這是大標題
        
這是一個副標題
    
    


主題部分: 



    這是文檔的主題部分



    這是一個文檔
    
...
    
...
    





頁面尾部: 






7.嵌入元素 


插入圖片：

 


在頁面中插入另外一個frame： 

百度 | 好搜




 


嵌入插件內容：  



 


進度條：  

 


范圍值：  


 


8.音頻和視頻 


 
  


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


 


9.表單元素 


1. form元素（用以用戶輸入數據）:  



    
    

        
        
注冊分組
        
        
        
        用戶名：  

        

        
        
        電子郵件： 
        

        
        提交
    
 


2. Input的type屬性：
  


    
    文本： 

    
    密碼： 

    搜索:  

    
    數字:  

    范圍:  

    日期:       

    顏色:  

    復選框: 音樂  體育 

    單選框: 男  女 

    提交:  

    重置:  

    按鈕: 

    圖片按鈕:  

    email:  

    telephone: 

    URL: 

    隱藏:

    上傳文件:


    提交


 


3. 下拉列表框：
 

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


4.多行文本框：
 


    
            請留下你的建議
    
    提交
 


10.全局屬性和其他 


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


顯示括號： 
   

空格： 我       你

和號： &HTML

引號： "HTML

撇號：'HTML

版權：©


2.元數據meta: 

2.1. 指定名/值元數據對  










2.2.聲明編碼格式




3.全局屬性: 

3.1. id屬性: 





id屬性給元素分配一個唯一的標識符，通常用于CSS和javascript調用選中元素，只能是獨有的

3.2. class屬性: 







class也是用于定位，是用于元素的歸類，通過CSS同時設置多個元素

3.3.accesskey元素: 



用以修改text

3.5. dir屬性： 



設置文本方向，左到右為ltr，右到左為rtl

3.6. hidden屬性: 



可以局部設置語言


3.8. title屬性：



對元素的內容進行額外提示


3.9.tabindex元素  



表單中按下Tab鍵，實現獲取焦點的順序，-1為不會被選中


3.10. style屬性



設置行內的CSS樣式











































































這是第一章內容

























































這是第二章內容

























































這是第三章內容