学习目标软件测试2024.03.19

最新推荐文章于 2024-09-17 23:15:52 发布

不在场证明.

最新推荐文章于 2024-09-17 23:15:52 发布

阅读量526

点赞数 10

文章标签：学习

本文链接：https://blog.csdn.net/qq_71079940/article/details/136853930

版权

本文介绍了HTML的基础知识，包括标签结构、CSS样式控制、JavaScript实现网页交互，以及HTML5中的常见元素如标题、段落、超链接、图片、布局、列表、表单和提交方法（GET和POST）。还涉及了项目登陆测试的相关内容。

摘要由CSDN通过智能技术生成

学习目标2024.03.19

·能够说出常见的html标签（10+）的作用

·项目（登陆）测试

1.html（超文本标记语言）

html介绍：是前端得三大核心，用来描述网页的一种语言

标签：<html>单标签，<b></b>>双标签

标签属性：格式：属性名=“属性值”<a href="http://www.jd.com">京东<a/>

CSS：负责网页的样式和美化

JS：负责网页的行为

2.html骨架标签

<html>

<body> 编写代码区域 </body> </html>

4.常用标签

4.1注释： (快捷键：ctrl+/)

4.2标题：<h1>-<h6> 等标签进行定义

4.3段落：<p></p> 独占一行

4.4超链接：百度

href:点击文本要跳转的地址（网页，本地文件）

target：指定的窗口打开模式 _blank默认值（新窗口打开）

4.5图片标签：<img></img>

src:图片路径（绝对路径：相对当前执行文件所在位置。相对位置：不推荐）

title：鼠标悬停时显示的文字

width：宽 px：像素

height：高

alt：图片未加载显示

4.6换行与空格

换行：

空格：&nbsp

4.7布局标签

页面布局使用：div（大盒子）：独占一行<div class=".d1">大盒子</div>

span（小盒子）：一行多个

4.8列表标签：

有序列表：<ol>

</ol>

无序列表：<ul>

</ul>

<script>
    /*js标签*/
</script>

4.9表单标签

页面提交数据时：input

文本框：<input type="text" />
密码框:<input type="password" />
单选按钮：<input type="radio" name="one"/>男
        <input type="radio" name="one"/>女
        1.相同一组的radio才能做单选。
        2.设置相同name属性值。
复选框：<input type="checkbox" />唱歌
        <input type="checkbox" />画画
        <input type="checkbox" />跳舞
提交按钮：<input type="submit" value="提交"/>
        <input type="reset" />
        <input type="button" vlaue="点我试试" οnclick="alert('点我干啥') "/>
onclick:网页上弹窗显示

4.10提交标签

将页面输入的数据提交到后台或指定页面：from

属性：action:指定将数据提交到哪个页面
     get:查询使用
         1.参数url中明文显示
         2.提交速度快
         3.提交参数有长度限制
     post：提交数据，登陆，注册
           1.非明文显示
           2.提交速度慢
           3.提交参数没有长度显示