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

  • 相关阅读:
    Path 环境变量
    Scala_ 类_可见性
    ubuntu16.04 注意特别出
    Python基础之文件操作
    python之set集合操作
    python数据类型之字典操作
    python的数据类型之列表list
    Python的条件控制及循环
    使用jmeter做接口测试
    AMD64 专业名词缩写
  • 原文地址:https://www.cnblogs.com/alicezq/p/4752465.html
Copyright © 2020-2023  润新知