Rand Tsui
Rand Tsui

【整理】html知识点

1、链接target属性  _blank 在新窗口中打开
访问菜鸟教程!    


2、链接 id 属性 


在HTML文档中插入ID:
有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：
访问有用的提示部分
或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：

访问有用的提示部分   


3、基本的注意事项 - 有用的提示
注释： 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.runoob.com/html/"。


4、图片链接


创建图片链接:

HTML 教程




5、在本页面打开（跳出框架）
点击这里! 


6、HTML 元素
标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:





7、 标签- 使用实例
为搜索引擎定义关键词:

为网页定义描述内容:

定义网页作者:

每30秒中刷新当前页面:



8、CSS字符间隔
Manipulate Text



9、文本颜色和背景色
ColorsBoxes



10、没有下划线的链接
Visit w3cschool.cc!


11、文本格式化
加粗文本


斜体文本


电脑自动输出


这是 下标 和 上标


12、文本格式化2
定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字
定义计算机代码
定义键盘码
定义计算机代码样本
定义变量 
 
   定义预格式文本 
  
  
   定义缩写 
  
 
 
   定义地址 
  
  
   定义文字方向 
  
 
 
   定义长的引用 
  
  
   定义短的引用语 
  
  
   定义引用、引证 
  
  
   定义一个定义项目 
  
 
  
 
  
 13、字体 
  
 
A heading
 
  
 
A paragraph.
 
  
 
  
 
  
 14、文本对齐 
  
 
Center-aligned heading
 
  
 
This is a paragraph.
 
  
 
  
 
  
 15、HTML 图像- Alt属性 
  
 alt 属性用来为图像定义一串预备的可替换的文本。 
  
 替换文本属性的值是用户定义的。 
  
 Big Boat 
  
 在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。 
  
 
  
 
  
 16、排列图片  
  
 
Image with default alignment (align="bottom"):
 
  
 
This is some text. Smiley face This is some text.
 
  
 
Image with align="middle":
 
  
 
This is some text. Smiley face This is some text.
 
  
 
Image with align="top":
 
  
 
This is some text. Smiley face This is some text.
 
  
 
Note: The align attribute is deprecated in HTML 4, and is not supported in HTML5. Use CSS instead.
 
  
 
  
 
  
 17、浮动图片 
  
 
 
  
 Smiley face A paragraph with an image. The image will float to the left of this text. 
  
 
 
  
 
 
  
 Smiley face A paragraph with an image. The image will float to the right of this text. 
  
 
 
  
 
  
 
  
 18、图片映射 
  
 Planets 
  
  
  
   Sun 
  
   Mercury 
  
   Venus 
  
  
  
 
  
 
  
 19、HTML 图像标签 
  
 标签 
   描述 
  
  
   定义图像 
  
  
   定义图像地图 
  
  
   定义图像地图中的可点击区域 
  
 
  
 
  
 20、表格 
  
 








 
   
 
   row 1, cell 1 
   row 1, cell 2 
   
 
   
 
   row 2, cell 1 
   row 2, cell 2 
   
 
   
 
  
 
  
 
  
 21、表格的表头 
  
 

   
   
   


   
   
   

 
   
 
  Name 
  Telephone 
  Telephone 
   
 
   
 
  Bill Gates 
  555 77 854 
  555 77 855 
   
 
   
 
  
 
  
 
  
 22、表格的表头2 
  
 

   
   


   
   


   
   

 
   
 
  First Name: 
  Bill Gates 
   
 
   
 
  Telephone: 
  555 77 854 
   
 
   
 
  Telephone: 
  555 77 855 
   
 
   
 
  
 
  
 
  
 23、带标题的表格 
  
 
   
   
     
     
   
   
     
     
   
   
     
     
   
 
  Monthly savings 
  
 
  Month 
  Savings 
  
 
  
 
  January 
  $100 
  
 
  
 
  February 
  $50 
  
 
   
 
  
 
  
 
  
 24、跨行跨列的表格 
  
 

   
   


   
   
   

 
   
 
  Name 
  Telephone 
   
 
   
 
  Bill Gates 
  555 77 854 
  555 77 855 
   
 
   
 
  
 
  
 
  
 
Cell that spans two rows:
 
  
 

   
   


   
   


   

 
   
 
  First Name: 
  Bill Gates 
   
 
   
 
  Telephone: 
  555 77 854 
   
 
   
 
  555 77 855 
   
 
   
 
  
 
  
 
  
 25、表格内的标签 
  
 

   
   


   
   

 
   
 
   
  
    
This is a paragraph
 
  
    
This is another paragraph
 
  
   		 
  This cell contains a table: 
  
    
    
      
      
    
    
      
      
    
    
 
  
 
  A 
  B 
  
 
  
 
  C 
  D 
  
 
  
 
  
   		 
   
 
   
 
  This cell contains a list 
  
    
     
  
         
  • apples
    •  
  
         
  • bananas
    •  
  
         
  • pineapples
    •  
  
        
 
  
   		 
  HELLO 
   
 
   
 
  
 
  
 
  
 26、单元格边距 
  
 

   
   
    
  

   
   

 
   
 
  First 
  Row 
   
 
 
  Second 
  Row 
   
 
   
 
  
 
  
 
  
 
With cellpadding:
 
  
 

   
   
    
  

   
   

 
   
 
  First 
  Row 
   
 
 
  Second 
  Row 
   
 
   
 
  
 
  
 
  
 27、单元格边距 
  
 

   
   


   
   

 
   
 
  First 
  Row 
   
 
   
 
  Second 
  Row 
   
 
   
 
  
 
  
 
  
 
With cellspacing="0":
 
  
 

   
   


   
   

 
   
 
  First 
  Row 
   
 
   
 
  Second 
  Row 
   
 
   
 
  
 
  
 
  
 
With cellspacing="10":
 
  
 

   
   


   
   

 
   
 
  First 
  Row 
   
 
   
 
  Second 
  Row 
   
 
   
 
  
 
  
 
  
 28、HTML 表格标签 
  
 标签 
   描述 
  
  定义表格 
  
 定义表格的行 
  
 定义表格列的组 
  
 定义用于表格列的属性 
  
 定义表格的页眉 
  
 定义表格的主体 
  
 定义表格的页脚 
  


 29、无序列表 
  
     
  
       
  • Coffee
    •  
  
       
  • Tea
    •  
  
       
  • Milk
    •  
  
     



 30、有序列表 
  
     
  
       
  1. Coffee
    2.  
  
       
  2. Tea
    3.  
  
       
  3. Milk
    4.  
  
     



     
  
       
  1. Coffee
    2.  
  
       
  2. Tea
    3.  
  
       
  3. Milk
    4.  
  
     



 31、不同类型的有序列表 
  
Numbered list:

     
  
      
  1. Apples
    2.  
  
      
  2. Bananas
    3.  
  
      
  3. Lemons
    4.  
  
      
  4. Oranges
    5.  
  
     
   
  


Letters list:

     
  
      
  1. Apples
    2.  
  
      
  2. Bananas
    3.  
  
      
  3. Lemons
    4.  
  
      
  4. Oranges
    5.  
  
     
   
  


Lowercase letters list:

     
  
      
  1. Apples
    2.  
  
      
  2. Bananas
    3.  
  
      
  3. Lemons
    4.  
  
      
  4. Oranges
    5.  
  
     
   
  


Roman numbers list:

     
  
      
  1. Apples
    2.  
  
      
  2. Bananas
    3.  
  
      
  3. Lemons
    4.  
  
      
  4. Oranges
    5.  
  
     
   
  


Lowercase Roman numbers list:

     
  
      
  1. Apples
    2.  
  
      
  2. Bananas
    3.  
  
      
  3. Lemons
    4.  
  
      
  4. Oranges
    5.  
  
     
  
  


 32、不同类型的无序列表 
  
Disc bullets list:

     
  
      
  • Apples
    •  
  
      
  • Bananas
    •  
  
      
  • Lemons
    •  
  
      
  • Oranges
    •  
  
     
   
  


Circle bullets list:

     
  
      
  • Apples
    •  
  
      
  • Bananas
    •  
  
      
  • Lemons
    •  
  
      
  • Oranges
    •  
  
     
   
  


Square bullets list:

     
  
      
  • Apples
    •  
  
      
  • Bananas
    •  
  
      
  • Lemons
    •  
  
      
  • Oranges
    •  
  
     



 33、嵌套列表 
  
     
  
       
  • Coffee
    •  
  
       
  • Tea 
  
         
       
  
             
    • Black tea
      •  
  
             
    • Green tea
      •  
  
           
     
  
       
    •  
  
       
  • Milk
    •  
  
     



 34、自定义列表 
  
 
  
   
Coffee
 
  
   
- black hot drink
 
  
   
Milk
 
  
   
- white cold drink
 
  
 



 35、文本的容器 HTML  与元素 
  
  元素也没有特定的含义。 
  
 当与 CSS 一同使用时， 元素可用于为部分文本设置样式属性。 
  
 
  
 
  
 36、HTML 区块元素 和 HTML 内联元素 
  
 大多数 HTML 元素被定义为块级元素或内联元素。 
  
 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 
  
 实例: 
, 
, 
    , 
 
   
 
   定义表格的表头 
  
 
 
    
   定义表格单元 
  
 
 
   定义表格标题 
  
  
    
    
    
    
   
   
    
   
   
    
   
   
    
   
   
    
    
   
    
    
   
    
    
   
    
    
   
    
    
   
    
    
   
    
    
   
    
    
   
   
    
   
   
    
   
   
  

 内联元素在显示时通常不会以新行开始。 
  
 实例: , 
 
  
, ,  
  
 
  
 
  
 37、表单 文本框 
  
 
 
  
 First name: 
 
  
 Last name:  
  
 
 
  
 
  
 
  
 38、表单 密码框 
  
 
 
  
 Password:  
  
 
 
  
 
  
 
  
 39、单选按钮（Radio Buttons） 
  
  标签定义了表单单选框选项 
  
 
 
  
 Male
 
  
 Female 
  
 
 
  
 
  
 
  
 40、复选框（Checkboxes） 
  
  定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。 
  
 
 
  
 I have a bike
 
  
 I have a car  
  
 
 
  
 
  
 
  
 41、提交按钮(Submit Button) 
  
  定义了提交按钮. 
  
 当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。: 
  
 
 
  
 Username:  
  
  
  
 
 
  
 
  
 
  
 42、预选下拉列表 
  
 
 
  
  
  
 
 
  
 
  
 
  
 43、带边框的表单（注意这个
和） 
  
 
 
  
 
 
  
 Personal information: 
  
 Name: 
 
  
 E-mail: 
 
  
 Date of birth:  
  
 
 
  
 
 
  
 
  
 
  
 44、HTML 表单标签 
  
 New : HTML5新标签 
  
 标签 
   描述 
  
 
 
   定义供用户输入的表单 
  
  
   定义输入域