龙空技术网

软件测试学习笔记丨Web端测试——HTML讲解

测试人666 73

前言:

此时看官们对“html网站首页制作学生综合测评”都比较珍视,朋友们都需要剖析一些“html网站首页制作学生综合测评”的相关文章。那么小编在网摘上搜集了一些关于“html网站首页制作学生综合测评””的相关资讯,希望看官们能喜欢,看官们快快来了解一下吧!

一、目录HTML 基本概念HTML 基本结构HTML 基本标签二、HTML基本概念2.1、什么是 HTML超文本标记语言(Hyper Text Markup Language)描述网页的语言传输最简单的文本内容可以表达文字内容之外的语言——HTML1.02.2、HTML的发展html1.0—-xhtml1.0( 过渡 )—-xhtml2.0( 放弃 )——html5三、HTML基本结构

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body></body></html>
四、HTML基本标签4.1、标签和属性双标签:<标签名称></标签名称>单标签:<标签名 />4.2、标签的属性基本格式:<标签名 属性1=“值1” 属性2=“值2”></标签名>标签可以拥有多个属性属性必须写在开始标签中,位于标签名后面属性之间不区分顺序标签与属性之间、属性与属性之间用空格隔开每个属性都有默认值,省略属性则表示使用默认值4.2、HTML全局属性class:规定元素的类名id:规定元素唯一的idlang:设置元素中内容的语言代码style:规定元素的行内样式title:规定元素的额外信息五、HTML事件5.1、HTML事件—窗口事件使用HTML事件触发浏览器中的行为,比如启动某一段JavaScript使用于body标签中onblur:当窗口失去焦点时运行脚本onfocus:当窗口获得焦点时运行脚本onload:当加载文档时运行脚本5.2、HTML事件—表单事件formonblur:当窗口失去焦点时运行脚本onchange:当元素改变时运行脚本onfocus:当窗口获得焦点时运行脚本onreset:当表单重置时运行脚本,HTML5不支持onselect:当选取元素时运行脚本onsubmit:当提交表单时运行脚本5.3、HTML事件—键盘事件键盘事件onkeydown:当按下键时运行脚本onkeypress:当按下并松开键时运行脚本onkeyup:当松开键时运行脚本5.4、HTML事件—鼠标事件鼠标事件onclick:当单击鼠标时运行脚本ondblclick:当双击鼠标时运行脚本onmousedown:当按下鼠标时运行脚本onmousemove:当鼠标指针移动时运行脚本onmouseout:当鼠标指针移出元素时运行脚本onmouseover:当鼠标指针移至元素之上时运行脚本onmouseup:当松开鼠标按钮时运行脚本5.5、HTML事件—多媒体事件多媒体事件onabort:当发生中止事件时运行脚本六、标签6.1、注释标签标签: < !-- 注释内容 -- >作用:在源文档中插入注释。注释不会在浏览器中显示6.2、文档标题标签标签:作用:定义浏览器工具栏中的标题提供页面被收藏时的标题显示在搜索引擎中显示的页面标题6.3、标题标签标签:—

作用:用来定义HTML的标题用例定义最高等级的标题用例定义最低等级的标题属性:全局属性、事件属性6.4、段落标签标签:作用:定义段落属性:全局属性,事件属性6.5、容器标签1标签:作用:对行内元素进行组合,提供了一种将文本或文档的一部分独立出来的方式属性:全局属性、事件属性6.7、容器标签2标签:作用:定义了HTML文档中一个分隔区块或一个区域部分经常与CSS一起使用,用于定义网页布局属性:全局属性、事件属性6.8、图像标签标签:作用:定义HTML页面中的图像属性:src:定义显示图像的URL(必选)alt:定义图像的替代文本(必选)title:鼠标悬停图像时显示的文本width:图像的宽度height:图像的高度border:设置图像边框的宽度6.9、超链接标签标签:定义超链接,从一个页面链接到另一个页面属性:全局属性、事件属性href:规定链接的目标URL6.10、列表标签标签:

<ul><li></li><li></li></ul>
作用:定义无序列表

* <ul>与<li>一起使用,创建无序列表属性:全局属性、事件属性6.11、列表标签 - 有序列表标签:<ol><li>...</li><li>...</li></ol>作用:定义了一个有序列表,列表排序以数字来显示使用标签来定义列表选项属性:全局属性、事件属性5.12、表格标签标签:表格:<table></table>行:<tr></tr>单元格:<td></td>作用:定义表格属性:全局属性、事件属性border:定义表格是否有边框6.13、表单域标签:<form></form>创建用户输入的HTML表单属性:全局属性、事件属性action:指定接收并处理表单信息的服务器URL地址method:表单数据提交的方式name:指定表单的名称6.14、表单标签标签:作用:定义了用户可以在其中输入的字段,输入字段可以通过多种方式改变,取决于type的属性属性、全局属性、事件属性type:规定要显示input标签的元素的类型text:单行文本(不可换行)password:密码输入框radio:单选框(配合name可以实现单选效果)checkbox:复选框button:普通按钮submit:提交按钮reset:重置按钮image:图像形式的提交按钮file:文件域,点击之后打开文件选择器name:控件名称,name相同则表示为同一组数据value:指定input元素的值size:显示大小checked:是否被选中maxlength:控制输入的最大字符长度6.15、文本标签标签:定义一个多行的文本输入控件属性:全局属性、事件属性cols:规定文本区域内可见的宽度disabled:规定禁用文本区域name:规定文本区域的名称readonly:规定文本区域为只读rows:规定文本区域内可见的行placeholder:规定一个简短的提示,描述文本区域内期望的输入值6.16、下拉菜单标签:…作用:用来创建下拉列表中的标签定义了列表中的可用选项属性:全局属性、事件属性isabled:当属性为true时,会禁用下拉列表multiple:当属性为true时,可选择多个选项name:定义下拉列表的名称size:规定下拉列表中可见选项的数目

霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程,通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力,使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供 1v1 私教指导,BAT 级别的测试管理大咖量身打造职业规划。

标签: #html网站首页制作学生综合测评