html标记整理

1、<h1>用于正文标题</h1>（支持六个级别的正文标题，h1 表示最重要的标题，h6表示最不重要的标题）

2、<p>用于段落</p>

3、<blockquote>引用参考文本</blockquote>（包起来的文字，全部往右缩排一单位。）   

4、有序列表 <ol>
                      <li>有序列表</li>
                      <li>有序列表</li>
                      <li>有序列表</li>
                    </ol>

5、无序列表、
                    <ul>
                     <li>无序列表</li>
                     <li>无序列表</li>
                     <li>无序列表</li>
                    </ul>

6、定义列表
                    <dl>
                      <dt>定义列表</dt><dd>定义列表</dd>
                      <dt>定义列表</dt><dd>定义列表</dd>
                      <dt>定义列表</dt><dd>定义列表</dd>
                    </dl>

7、预编排 <pre>保持文本原来的格式</pre>

8、分区块文本 <div>可以包含段落、标题、表格等</div>

9、跨越多个字符（行内元素） <span>保持同行，一行并排显示</span>

10、特殊字符（实体）  &nbsp;（空格）   &lt;（<）    &gt;(>)    &copy;(©)    &reg;(®)  &amp;(&)    &#151;(—)

11、创建超链接 <a href=""></a>

      <!--创建锚点，用于跳转及a的常见运用-->
      <a href="1.html" title="超链接" name="clj" accesskey="C" tabindex="1">创建超链接快捷键<b>C</b></a>
      <a href="总结.html#clj">转到创建超链接</a>

12、在网页中显示图片 <img src="" alt=""/>

13、插入多媒体 <object data="" type=""></object>

14、表格 <tr></tr>表行  <td></td>表每行的数据单元  <th></th>表示列标题

     border="1"边框属性  
    <td rowspan="2"></td>跨2行  <th colspan="2"></th>跨2列
    <table>
        <tr>
            <td></td>     
        </tr>
    </table>

    <table>
        <tr>
            <th></th>（列标题）
        </tr>
    </table>

15、在网页中插入其它网页 <iframe src="URL" frameborder="0"></iframe>

      <iframe src="2.html" width="200" height="200"  name="wy" scrolling="yes" frameborder="1"></iframe>
    分析：
    <iframe src="2.html" width（内部框架区域的宽度）="200" height（内部框架区域的高度）="200"  
    name（内部框架区域的名称）="wy" scrolling（指定区域显示不完时的流动选项 tuto/yes/no）="yes"
    frameborder(区域边框的宽度0/1)="1"></iframe>

16、表单

       a、基本格式：<form action="表单数据处理程序的URL"  method="get/post（较为安全）" accept-charset="可以使用的字符集列表" enctype="表单数据的内容类型" name="" id=""></form>

      b、表单中的输入控件

         <input type="text"/>输入文本框
        <input type="password"/>密码输入框
        <input type="checkbox"/>复选框
        <input type="radio"/>单选框
        <input type="hidden"/>隐藏文字
        <input type="file"/>文件上传控件
        <input type="submit"/>提交按钮
        <input type="reset"/>重置按钮
        <input type="button"/>命令按钮

        <select name="" id="" >下拉列表
            <option value="" selected="selected">被选中状态</option>
        </select>
        <textarea name="" id="" cols（宽）="30" rows（高）="10">文本框
        </textarea>

17、表单中其它元素及属性

       a、label 文本标签元素(经常与input连用 label 中的 for 值 与 input 中的 id 值 相等)
        <label for="相关标记的ID，就是INPUT中的ID名">男</label>
        <input type="radio" id="相关标记的ID，就是INPUT中的ID名"/>
        <label for="女">女</label>
        <input type="radio" id="女"/>

      b、Tab次序和键盘快捷键

        <label for="Fist"><u>F</u>irstName:</label>
        <input type="text" id="Fist" size="30" value="" tabindex（按TAB时，输入字段选择顺序）="3" accesskey（键盘快捷键）="F"/>

     c、防止改变字段内容

        <label for="OID">订单编号</label>
        <input type="text" id="OID" size="12" value="1234" readonly（不能修改，只能读）="readonly"/>
        <label for="price">订单总价</label>
        <input type="text" id="price" size="12" value="" disabled（不可用，变灰）="disabled"/>

     d、 fieldset和legend

        <fieldset>（在被包含元素周围显示一个细边框盒子）
            <legend>性别</legend>（在盒子上加一个标题）
            <label for="相关标记的ID，就是INPUT中的ID名">男</label>
            <input type="radio" id="相关标记的ID，就是INPUT中的ID名"/>
            <label for="女">女</label>
            <input type="radio" id="女"/>
        </fieldset>     

18、块级元素及内嵌元素

        a、块级元素：定义的文本是换行的

                             div（分区，分块）  、blockquote（引用文本） 、dl（定义列表） 、ol （有序列表）、ul （无序列表）、fieldset （表单内相关元素分组）、form（表单） 、h1-h6（文本标题） 、hr （水平线）、p （段落）、pre（保持原来的格式不变） 、table（表格）

        b、内嵌元素：定义的广西是不换行的

                             span （行内元素）、a （超链接）、img（图片） 、label （文本标签）、所有表单输入元素、 iframe（插入网页） 、object（插入Flash）