大家好,感谢邀请,今天来为大家分享一下html调查网站源码分享的问题,以及和查看html源代码网站的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
什么是web
web就是worldwideweb的缩写,称之为全球广域网,俗称WWW。对于用户来说它其实就是由多个网页组成在一起而形成的一种服务(Web).
我们可以将web理解为就是当前的一种互联网。对于我们来说更多的就是网站服务。网站我们可以认是由多个网页组合在一起而形成一种服务。
而web前端就是来负责一个网站当中前台网页里的内容。网页是由前端工程师使用HTML语言编写而成的一种文件,它里面会包含文字、图片、超链接、音频、视频等等这些内容。
注:超文本标记语言(HyperTextMarkupLanguage,HTML)就是用来描述网页内容的一种计算机语言。
什么是HTML
HTML超文本标记语言(HyperTextMarkupLanguage)就是用来描述网页的一种计算机语言。
HTML发展
在互联网最初的时候是没有HTML的,我们只能通过网络传输最简单的文字内容。随着用户的要求越来越多,同时也是我们的技术的不断发展,就出了一种可以表达文字内容之外的语言HTML1.0。后来又慢慢发展到了现在的HTML5,也就是我们现在常说的H5。
HTML查看工具
在测试过程中,我们有时候需要通过工具去查看对应的HTML代码。在这里我们可以用浏览器自带的开发者工具,打开这个工具的快捷键是F12。
开发者工具是一个相当强大的工具。可以查看修改HTML,还可以调试js,可以修改css,还可以查看网络数据,并且还能进行性能测试。非常的全能。对于咱们web测试来说,是一个必须要掌握的工具。
要查看HTML源码,我们只需要进入开发者工具的elements界面。在这里可以对web页面上的元素进行定位,并且查看整个web页面的HTML源码。
HTML基本结构
基本结构
网页是我们通过HTML语言来书写。用HTML语言去书写网页有一些结构是默认必须存在的,这个结构我们就叫做网页(HTML)骨架。
<!DOCTYPEhtml>\n<htmllang=&34;>\n<head>\n<metacharset=&34;>\n<title>Title</title>\n</head>\n<body>\n\n</body>\n</html>
HTML基本标签
标签
标签就是HTML语言的发明者人为定义好的一些&34;,不同的标签代表了不同的功能。
标签有两种常见的形式:
双标签:<标签名称></标签名称>单标签:<标签名/>
常见标签
todo:加入demo(done)
<!DOCTYPEhtml>:向浏览器声明当前的文档是HTML类型<html>与</html>之间的文本描述网页,<html>是网页当中最大的一个标签,称之为根标签<head>与</head>描述网页头部,里面的内容是写给浏览器看的<metacharset=&34;>表示在设置当前网页的显示编码<title>与</title>之间文本为网页的标题,里面的内容会在浏览器的标签页上显示<body>与</body>之间的文本是网页主体,里面的内容会显示在浏览器的空白区域内<div>与</div>之间定义网页中的一个分隔区块或者一个区域部分<h1>与</h1>之间的文本被显示为标题<p>与</p>之间的文本被显示为段落
<!DOCTYPEhtml>\n<htmllang=&34;>\n<head>\n<metacharset=&34;/>\n<title>网页标题</title>\n</head>\n<body>\n<div>\n<h1>我的第一个网页</h1>\n<p>网页中的内容</p>\n</div>\n</body>\n</html>
标签的属性
todo:加入demo(done)
HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现,比如:name=&34;。
属性的基本格式为:<标签名属性1=&34;属性2=&34;></标签名>
每个标签都可以拥有多个属性。属性必须写在开始标签中,位于标签名的后面。属性之间不区分顺序。标签名与属性、属性与属性之间使用空格隔开。任何属性都有默认值,省略该属性表示使用默认值。
在HTML里,属性也有很多中,比如首先有全局属性,全局属性是所有的标签都可以使用的。然后还有事件属性,事件大家可以理解为不同的操作。在不同的操作中,也有特殊的属性可以定义。最后还有各个标签的一些独有的属性。
比如常见的全局属性有:
class:规定元素的类名id:规定元素的唯一id
<!DOCTYPEhtml>\n<htmllang=&34;>\n<head>\n<metacharset=&34;/>\n<title>网页标题</title>\n</head>\n<body>\n<divid=&34;class=&34;>网页中的内容</div>\n</body>\n</html>
搜索微信公众号:TestingStudio霍格沃兹的干货都很硬核
文章分享结束,html调查网站源码分享和查看html源代码网站的答案你都知道了吗?欢迎再次光临本站哦!