• HTML随笔2


    1.

     快捷键

     * div*8 + tab键 - 可快捷出现八个div标签。

     * 标签名.“名称” + tab键 - 可快速出现类名为“名称”的该标签,如果不加标签名则默认为div标签

     * lorem + tab键 - 可自动补上一段文字

    2.

     * nameid属性的区别:name类似于名字,可以有重复,id类似于身份证,不可以有重复

     *简单的的交互式标签:

      input的最重要属性是type,不同的type会有不同的元素类型:  

      radio指单选框    password指密码输入框    text指普通文字输入框    checkbox指复选框

      button/submit/reset 普通按钮/提交按钮/重置按钮   image图像提交按钮     file文件域

    1 <label for="txtUsername">用户姓名:</label>        <--for指向的是要其对用的输入框的id-->
    2 <input name="txtUsername" id="txtUsername" formmethod="get" formtarget="_blank" />  <--_blank表示另开窗口打开,_self表示通过本窗口打开
    3                                                    <-- target返回信息的显示方式 -->
    4 <input id="rdoBoy" name="Sex" type="radio" /> 男  <--要使得两个单选框只能二选一,可以将其name相同-->
    5 <input id="rdoGirl" name="Sex" type="radio" />

    3.

     列表菜单标签:

     1 <div class="select" align="center">
     2         <font size="5" color="#8a2be2" face="楷体"><label for="selid"></label></font>
     3         <select name="selname" id="selid" size="5" style=" 150px" multiple="multiple">
     4             <option value="1" selected="selected">第一项</option>
     5             <option value="2">第二项</option>
     6             <option value="3">第三项</option>
     7             <option value="4">第四项</option>
     8             <option value="5">第五项</option>
     9             <option value="6">第六项</option>
    10             <option value="7">第七项</option>
    11             <option value="8">第八项</option>
    12             <option value="9">第九项</option>
    13             <option value="10">第十项</option>
    14         </select>
    15 </div>

    4.

     * alt属性:当图片无法显示时,以alt标签中的文字取代

    <img id="alt" src="./images/duola4.png" alt="llll">

     *nav标签:<nav> 标签定义导航链接的部分。

    1 <nav>
    2     <p align="center">
    3         <a href="#">关于我们|</a>
    4         <a href="#">免费声明|</a>
    5         <a href="#">广告合作|</a>
    6         <a href="#">联系方式</a>
    7     </p><hr>
    8 </nav>

     * meta标签:可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签的属性定义了与文档相关联的名称/值对。

     

       * link标签:标签定义文档与外部资源的关系。

      

  • 相关阅读:
    python3 5个带key内置函数
    python3常用内置函数总结
    python入门基础-函数装饰器的理解
    python入门基础-三元表达式、命名空间、作用域、函数名本质、闭包
    python入门基础-初识函数
    第二章001编写脚本
    Appium 自动化测试第一天——基础知识
    python基础-读取文件
    linux6.4 安装python3 pip setuptools
    selenium+python之HTML测试报告
  • 原文地址:https://www.cnblogs.com/zengbojia/p/7113536.html
Copyright © 2020-2023  润新知