HTML学习

html基础

1. 常见浏览器内核

   IE trident ； 谷歌/Opera blink ；火狐 gecko ；Safari webkit

2. 常用标签

   <hr/>                         <!-- 下划线 -->
   <strong></strong>   <b></b>  <!-- 文本加粗标签    工作里尽量使用strong -->
   <em></em>           <i></i>  <!-- 文本倾斜标签  工作里尽量使用em -->
   <del></del>         <s></s>  <!-- 删除线标签工作里尽量使用del -->
   <ins></ins>         <u></u>  <!-- 下划线标签 工作里尽量ins -->
   <embed src="" hidden="">     <!-- 音乐标签 -->
   <marquee>...</marquee>       <!-- 滚动标签 属性 height width bgcolor behavior alternate scroll slide direction:(down;left;right;up) loop  -->
   <sup>上标</sup>
   <sub>下标 </sub>
   

3. a没有的情况下设置 ,不会跳动

   <a href="javascript:;">
   

4. a超链接跳转新页面方法简化在head中加 _blank为跳转方式

   <base target="_blank">
   

5. 列表

   1. 无序列表

      <ul>
      <li>列表项</li> 
      <li></li>
      <li></li>
      </ul>
      

      type=”square” 小方块

      Type=”disc” 实心小圆圈

      Type=”circle” 空心小圆圈

   2. 有序列表

      <ol>
      <li> 列表项</li>   
      <li></li>
      <li></li>
      </ol>
      

      ype=”1,a,A,i,I”type的值可以为1,a,A,i,I
      start=”3” 决定了开始的位置。

   3. 自定义列表

      <dl>
       <dt>小标题</dt>    
       <dd>解释标题</dd>   
       <dd>解释标题</dd>   
      </dl>
      

6. meta标签介绍

   <!--向搜索引擎说明你的网页的关键词；--> 
   <meta name="KEYWords" contect="">     
   <!--告诉搜索引擎你的站点的主要内容；--> 
   <meta name="DEscription" contect="">  
   <!--告诉搜索引擎你的站点的制作的作者；--> 
   <meta name="Author"  contect="你的姓名">
   <!--编码方式；--> 
   <meta http-equiv="Content-Type"   contect="text/html";     charset=gb_2312"> 
   <!--重定向；--> 
   <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
   <!--title图标；--> 
   <link  rel="icon"  href="1.icon">
   <!--iphone上title图标；--> 
   <link rel="apple-touch-icon" href="images/e_my_logo.png">
   <!--属性说明 :
       设定为all：文件将被检索，且页面上的链接可以被查询； 
   　　设定为none：文件将不被检索，且页面上的链接不可以被查询； 
   　　设定为index：文件将被检索； 
   　　设定为follow：页面上的链接可以被查询； 
   　　设定为noindex：文件将不被检索，但页面上的链接可以被查询； 
   　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。 
   --> 
   <meta  name="Robots" contect= "all|none|index|noindex|follow|nofollow"> 
   

7. table

    <table>
        <caption>标题</caption>
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
        <tbady>
            <tr>
                <td></td>
            </tr>
        </tbady>
        <tfoot></tfoot>
     </table>
   colspan=”2”  合并同一行上的单元格
   rowspan=”2”  合并同一列上的单元格
   

8. 表单form

   •Name ：定义表单的名称

   •Method: 定义表单结果从浏览器传送到服务器的方式，默认参数为：get ；

   Action ：用来指定表单处理程序的位置(服务器端脚本处理程序）

   •Fieldset：把表单分组

   •Legend：分组名称

9. 补充