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、 fieldsetlegend

        <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)
     

 

 

原文地址:https://www.cnblogs.com/muqnly/p/4743297.html