html常用标签总结

1.字体：<font>
<font size="7" color="00ff00">数据</font>
特殊部分：如果要在页面显示一些特殊符号，需要进行转义
<: &lt; >: &gt; &: &amp; 空格：&nbsp;
标题：<h1><h2><h3>....<h6>


2.列表标签：<dl></dl>
上层项目：<dt>
        下层项目：<dd>
        项目符号标签：
        数字：<ol type start>
            符号：<ul>
            这两个标签中的列表项都由<li>标签封装
3.图像标签：<img>
<img src="" alt="图像文字说明" height="10" width="10" border="10"/>
        图片地图
4.表格标签：<table>
表格由行所组成，行由单元格组成
        表格中默认都有一个<tbody>标签
        标题标签：<caption>
        <table border="1" bordercolor="red" width="60%" cellpadding="10" cellspacing="0">
        <tr>
            <th colspan="2"><th>
                <th rowspan="2"><th>
             </tr>
             <tr>
            <td align="center"></td>
                <td></td>
             </tr>
         </table>
         表格是最常用的标签，用于对数据进行格式化
5.超链接：<a>
<a href="http://www.baidu.com" target="_blank" title="这是什么属性呢！">百度</a>
        当被点击后，会启动引擎所对应解析程序
        去查找指定主机
        (1)先找本地主机的hosts文件如果没有找到该主机对应的IP地址
        (2)去公网DNS服务器上找对应的IP地址
        <a href="mailto:abc@sohu.com?subject=haha&cc=qq@163.com">联系我们</a>
        当点击超链接时，就会出现邮件相关联的解析程序，本机默认的是outlook
        
        超链接的另一个作用：
        定位标记:可用于回到顶部
        <a name="top">一个位置</a>
            <a href="#top">获取那个位置</a>
6.表单标签：
该标签是可以和服务器端进行交互的
        <form>
        表单标签中的元素：
        <input>:该标签因为type属性的值的不同，所对应的组件也不一样
        type属性：
        1.text：文本框，输入的文本可见
                2.password:密码框，输入的文本不可见
                3.radio：单选框，注意：要被选中，必须要给单选框定义一个属性name
                当有多个单选框时，只能有一个被选中，那么这些单选框的name值必须相同
                4.checkbox:复选框，当对多个数据进行同时选中时
                5.file：可以进行文件选择的组件，通常用于附件，或者文件的上传
                6.hidden：隐藏组件,该组件不会在页面上显示，但是其定义的name和value可以提交到服务端
                7.button:按钮组件，自定义一个按钮默认是没有任何效果的，可以通过注册时间并加入自定义效果
                8.reset:重置按钮，将组件中被操作的效果还原到初始状态
                9.submit:提交按钮，将组件中添加的数据提交到指定的目的地
                10.image:图像组件，为了避免提交按钮的难看，可以通过image的src属性连接一个好看的按钮图片完成提交效果
         下拉菜单：<select>
          每一个下拉菜单项都由option进行封装
                <select>
                <option></option>
                </select>
          文本区域：<textarea>
          
          表单组件通常都需要定义name和value属性，因为要将数据发给服务端
          服务端只有知道了该name的值才可以对提交的数据进行分别获取
          
          form标签中的常见属性：
          action：指定数据提交的目的地，method：提交方式，两种常用值get和post，get为默认
          
          get和post的区别：
          get:会将提交的数据显示在地址栏上，对敏感信息不安全
          post：不会将数据显示在地址栏，对于敏感信息安全
          
          get:会将提交信息封装在请求行，也就是HTTP消息头之前
          post:会将提交信息封装在数据体中，也就是HTTP消息头之后的空行后
          
          对于服务而言：
          表单提交尽量用post，因为涉及到编码问题
          对于post提交的中文，在服务端可以直接使用setCharacterEncoding("GBK")就可以解决
          对于get提交的中文，在服务端只能通过ISO808859-1将数据编码一次，在通过指定的码表如GBK解码
          
          使用表单的组件不一定要定义form标签，只有需要将数据进行服务端的提交的时候才会用到form标签
7.其他标签：
<hr color="#000000" size="5" />水平线
    <br />换行
    <!--注释文字-->
    
    <label for="user" accesskey="u">用户名(u)</label> 
    <input type="text" id="user">定义快捷键 默认alt+u(accesskey)
    当把label加在整行上时，点击行的任意位置都能进入文本框
    
    <pre></pre>可以将文本内容按在代码区的样子显示在页面上
    
    <marquee>让内容动起来
    direction属性：left  right  down  up
        behavior属性：scroll alternate slide
        
     <p></p>段落标签，每一个段落之间有换行
     <b></b> <strong></strong>加粗
     <i></i>倾斜
     <u></u>加下划线
     a₂ 2成为下角标
     a² 2成为上标
     
     <base>:
      href属性：指定网页中所有超链接的目录，可以是本地目录，也可以是网络目录，记得值的结尾处一定要用/表示目录，只作用于相对路径的超链接文件
        target属性：指定打开超链接的方式，如_blank表示所有的超链接都用新窗口打开显示
        
      <meta>:
      <meta name="keywords" content="犀利哥，凤姐，唐山大地震">
      当name取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索
            http-equiv属性：模拟HTTP协议的响应消息头
            例：
            <meta http-equiv="refresh" content="3;url=http://www.biadu.com"/>
            表示打开此页面3秒后自动转到百度页面，可用于页面的自动刷新
      <link>
      rel属性：描述目标文档与当前文档的关系
            type属性：文档类型
            media:指定目标文档在那种设备上起作用
            例：
            <link rel="stylesheet" type="text/css" media="screen,print" href="a.css" />