软件测试基础--3 Web之HTML

HTML

Web前端技术

包括:

  1. html–结构标准,负责网页的搭建
  2. css–样式标准,负责网页的美化
  3. js–行为标准,负责网页的行为动作

行业词条

  1. HTTP:超文本传输
  2. W3C:万维网联盟(一个组织而不是公司)
  3. 网站:多个页面的集合
  4. 网页:后缀为 .html, 文字、图片、超链接
  5. 浏览器:观看网页最终效果的平台

    五大浏览器厂商:ie、谷歌、火狐、苹果、欧朋
    (其他浏览器都是用的别人的浏览器技术,自己换了一套皮肤而已)

html语法规定

  1. 标签/标记符号:<>
  2. 关闭符号/反斜杠: /
  3. 必须写在标签符号( 即 <> )里
  4. 标签大多成对出现
  5. <!DCTYPE html>:描述当前文件的版本信息
  6. <meta charset="UTF-8">
  7. <title>网页的标题</title>
  8. <body>自己写的代码放在这里</body>
  9. html不能正常使用回车和空格,只能用特定代码
  10. <h1> 这是一级标题</h1>: <==> markdown中的 #

    zhe

  11. <p> 段落 </p>
  12. <b> 加粗 </b>
  13. <srtong> 加粗,但多了强调的语义 </strong>
  14. <u> 下划线 </u>
  15. <i> 斜体 </i>
  16. <em> 斜体,但多了强调的语义 </em>
  17. <s> || <del> 删除线,但’del‘是主流 </s> || </del>
  18. <br />:换行

超链接

  1. <!-- 这是注释 -->
  2. <a href=" "> 这是跳转,覆盖原窗口 </a>
  3. <a href="##" > 这是跳转,但没有具体页面 </a>
  4. <a href=" " target="_blank"> 这是新建窗口跳转 </a>
  5. <a href="#xxx"> 这是跳转到指定位置 (锚点链接)</a>

    ’xxx’ 与前面目标地址的 ‘id’ 相同

表单

在这里插入图片描述

单选按钮
  1. <input type="radio" name="xb" id="nan" checked="checked" /> <lable for="nan">男</lable> <input type="radio" name="xb" id="nv" /> <lable for="nv">女</lable>:单选按钮,添加 name 属性才能实现单选效果,checked是设置默认选项
多(复)选框

<input type="checkbox" name="duoxuan" id="cs" check="checked" /> <label for="cs"> 测试 </label>

下拉菜单
  1. <select name="">
    <option value=""> 标签1 </option>
    <option value=""> 标签1 </option>
    </select>:下拉菜单
  2. <select name="">
    <optgroup label="北京">
            <option selected="selected"> 标签1 </option>
            <option value=""> 标签1 </option>
    </optgroup>
    </select>:下拉菜单(selected 表示默认选项)

文本域

<textarea roes="10" cols="10" placeholder="这是提示文字"> <txtarea/> x

文本域(textarea)不能这只row、cols,因为浏览器解析结果不一样,如果想让每个浏览器大小相同,必须设置wigth、height

按钮

1.提交 按钮
    <input type="submit" value="xxx">

value的值一定要自己写,
因为如果默认的话,不同浏览器打开可能不同

2.重置 按钮
    <input type="reset" value="xxx">

将内容恢复到默认状态

3.普通按钮
<input type="button", valus="按钮">

用户体验

autofocus="autofocus"

# 高校智慧校园解决方案摘要 智慧校园解决方案是针对高校信息化建设的核心工程,旨在通过物联网技术实现数字化校园的智能化升级。该方案通过融合计算机技术、网络通信技术、数据库技术和IC卡识别技术,初步实现了校园一卡通系统,进而通过人脸识别技术实现了更精准的校园安全管理、生活管理、教务管理和资源管理。 方案包括多个管理系统:智慧校园管理平台、一卡通卡务管理系统、一卡通人脸库管理平台、智能人脸识别消费管理系统、疫情防控管理系统、人脸识别无感识别管理系统、会议签到管理系统、人脸识别通道管理系统和图书馆对接管理系统。这些系统共同构成了智慧校园的信息化基础,通过统一数据库和操作平台,实现了数据共享和信息一致性。 智能人脸识别消费管理系统通过人脸识别终端,在无需接触的情况下快速完成消费支付过程,提升了校园服务效率。疫情防控管理系统利用热成像测温技术、视频智能分析等手段,实现了对校园人员体温监测和疫情信息实时上报,提高了校园公共卫生事件的预防和控制能力。 会议签到管理系统和人脸识别通道管理系统均基于人脸识别技术,实现了会议的快速签到和图书馆等场所的高效通行管理。与图书馆对接管理系统实现了一卡通系统与图书馆管理系统的无缝集成,提升了图书借阅的便捷性。 总体而言,该智慧校园解决方案通过集成的信息化管理系统,提升了校园管理的智能化水平,优化了校园生活体验,增强了校园安全,并提高了教学和科研的效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值