web 就是 world wide web 的缩写,称之为全球广域网,俗称 WWW。对于用户来说它其实就是由多个网页组成在一起而形成的一种服务(Web).
我们可以将 web 理解为就是当前的一种互联网。对于我们来说更多的就是网站服务。网站我们可以认是由多个网页组合在一起而形成一种服务。
而 web 前端就是来负责一个网站当中前台网页里的内容。网页是由前端工程师使用 HTML 语言编写而成的一种文件,它里面会包含文字、图片、超链接、音频、视频等等这些内容。
注:超文本标记语言(Hyper Text Markup Language , HTML)就是用来描述网页内容的一种计算机语言。
HTML 超文本标记语言(Hyper Text Markup Language)就是用来描述网页的一种计算机语言。
在互联网最初的时候是没有 HTML 的,我们只能通过网络传输最简单的文字内容。 随着用户的要求越来越多,同时也是我们的技术的不断发展,就出了一种可以表达文字内容之外的语言 HTML1.0。后来又慢慢发展到了现在的 HTML5,也就是我们现在常说的 H5。
在测试过程中,我们有时候需要通过工具去查看对应的 HTML 代码。在这里我们可以用浏览器自带的开发者工具,打开这个工具的快捷键是 F12。
开发者工具是一个相当强大的工具。可以查看修改 HTML,还可以调试 js,可以修改 css,还可以查看网络数据,并且还能进行性能测试。非常的全能。对于咱们 web 测试来说,是一个必须要掌握的工具。
要查看 HTML 源码,我们只需要进入开发者工具的 elements 界面。 在这里可以对 web 页面上的元素进行定位,并且查看整个 web 页面的 HTML 源码。
网页是我们通过 HTML 语言来书写。 用 HTML 语言去书写网页有一些结构是默认必须存在的, 这个结构我们就叫做网页(HTML)骨架。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
标签就是 HTML 语言的发明者人为定义好的一些"单词",不同的标签代表了不同的功能。
标签有两种常见的形式:
todo:加入 demo(done)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
</head>
<body>
<div>
<h1>我的第一个网页</h1>
<p>网页中的内容</p>
</div>
</body>
</html>
todo:加入 demo(done)
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。
属性的基本格式为:<标签名 属性1="属性值1" 属性2="属性值2"></标签名>
每个标签都可以拥有多个属性。属性必须写在开始标签中,位于标签名的后面。属性之间不区分顺序。标签名与属性、属性与属性之间使用空格隔开。任何属性都有默认值,省略该属性表示使用默认值。
在 HTML 里,属性也有很多中,比如首先有全局属性,全局属性是所有的标签都可以使用的。然后还有事件属性,事件大家可以理解为不同的操作。在不同的操作中,也有特殊的属性可以定义。最后还有各个标签的一些独有的属性。
比如常见的全局属性有:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
</head>
<body>
<div id="first" class="content">网页中的内容</div>
</body>
</html>
搜索微信公众号:TestingStudio霍格沃兹的干货都很硬核
态网页的扩展名:.htmlt .htm
动态网页的扩展名:.ASP、.JSP .aspx .php(含 有php代码和Mysql代码)等
浏览器不能直接识别php和MySQL的代码,只能由服务器端的服务器软件Apache来进行解释成HTML代码返回给浏览器。
一个网页中基本上有三种代码:HTML代码\CSS代码和php代码,这种说法是不是太落后了?
1.HTML的概念:
HTML,全称Hypertext Markup Language,超文本标注语言,是一个标准,或说是一套标记.
比如:文本加粗标记 <b>我爱学习</b>
一级标题 <h1> </h1>
<html></html>是网页中最大的标记,告诉浏览器如何翻译这个文件 的内容,包括head和body两部分.
head中的内容不可见,一般用于特殊功能
<meta>是head的子标记,告诉浏览器,这个网页用什么字符编码来显示,比如:gb2312(简体中文)、utf-8(多国语言).如果这地方设置不合理,网页会出现乱码.
Body是可见内容,是呈现给使用者的网页内容.
简单实例结构
<html>
<head>头
<title>网页标题</title>只能填写纯文本
</head>
<body>文件主体,99%内容在这里
<h1>一级标题</h1>
<body>
</html>
浏览器开发者工具 F12
对于双标签,属性只能写在开始标签中。对于单标签,属性就写在单标签内就好
比如注册的时候,要填一些信息。
action 是指表单要提交到哪儿
多行文本输入控件
霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程,通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力,使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供 1v1 私教指导,BAT 级别的测试管理大咖量身打造职业规划。
*请认真填写需求信息,我们会在24小时内与您取得联系。