HTML其实还是蛮容易学习的，无非就是一些标签、格式的填写，大学的时候也做过网站设计，所以这里主要记录一些常用的HTML标签、属性以及书写方法等。

一、常见HTML格式

主要包含文件type，html标签、head标签、body标签三个主题标签，其中Head主要包含字符集、描述、关键字等信息，而Body标签里是HTML的主要内容

 二、head标签

1、自闭合标签

（1）<meta>标签

    <meta charset="UTF-8"> ##设置html内容字符集

    <meta http-equiv="refresh" content="3"> ##每隔3秒刷新一次  

    <meta http-equiv="refresh" content="3;Url=http://www.hao123.com">  ##隔3秒刷新并跳转值url指定网页

    <meta name="keywords" content="测试网页,网页头部"> ##指定网页关键字，利于SEO，网页搜索排序

    <meta name="description" content="描述信息">  ##指定网页描述信息

（2）link

    <link rel="shortcut icon"  href="image/fac.ico">  ##头部图标

（3）stype

（4）script

2、主动闭合标签

（1）title

    <title>网页头部标题内容</title>   ##网页头部显示内容　　

三、body标签

1、a标签：

定义超链接，最重要的属性为href,超链接和锚使用

##普通超链接 中国人 ##通过a标签做锚点  第一章   第二章   第三章  
     
       第一章内容 
     
 
 第二章内容 
 
     
       第三章内容 
     

 2、p标签：

定义段落，不换行,段落段落之间有间距

  段落标签，不换行

 3、br标签：

换行标签

段落标签，不
换行

 4、h标签：

标题标签，从h1-h6表示字体从大到小，加粗显示

中国人
 
中国人
 
中国人
 
中国人
 
中国人
 
中国人

 5、span标签

白板，行内标签，段与段之间只有空格，不换行

中国人 中国人 中国人

 6、div标签

白板，块级标签

     
      中国人
     
 
     
      中国人
     
 
     
      中国人
     

 7、input标签

标准输入框

 8、form标签

表单使用,get方式提交数据拼接显示在url，post方式提交数据不拼接显示在url上（更安全）

 9、textarea标签

接受多行文本输入，其中可以输入多行数据

默认值

 10、select标签

下拉框标签，通过option指定下拉框内容

    北京 上海 南京   北京 上海 南京    北京 上海 南京  

 11、img标签

图片标签

 12、ul标签

无序列表，对应的li标签标记列表行

     
    
      
第一行
 
      
第二行
 
      
第三行
 
     

 13、ol标签

有序列表，对应的li标签标记列表

     
    
      
第一行
 
      
第二行
 
      
第三行
 
     

 14、dl标签

分层列表，用dt标签表示标题，用dd标签表示列表内容

     
    
      
       第一层
      
 
      
       1.第一层列表
      
 
      
       2.第一层列表
      
 
      
       3.第一层列表
      
 
      
       第二层
      
 
      
       1.第二层列表
      
 
      
       2.第二层列表
      
 
      
       3.第二层列表
      
 
     

 15、table标签

表格标签，通过tr表示行，td表示单表格

（1）第一种table写法

     
          
       
         
第一个行第一个表格
         
第一个行第二个表格
         
第一个行第三个表格
         
第一个行第四个表格
        
        
         
第二个行第一个表格
         
第二个行第二个表格
         
第二个行第三个表格
         
第二个行第四个表格
        
       
     

 （2）第二种table写法

     
          
        
         
表头1
         
表头2
         
表头3
         
表头4
        
       
       
        
         
第一列数据
         
第二列数据
         
第三列数据
         
第四列数据
        
        
         
第一列数据
         
第二列数据
         
第三列数据
         
第四列数据
        
       
      

<td colspan="2">第一个行第二个表格</td>　　 ##横向合并合并单元格

<td rowspan="2">第一个行第四个表格</td>　　##纵向合并单元格

16、lable标签

用于标记文本输入

 用户名: 

 

17、fieldset标签

用于文本框

 

     
    
      
        登陆    
    
       用户名:     
      
      
    
       密   码: