01 HTML网页骨架以及Hbuilder的使用

Web自动化测试

Web基本介绍

• Web就是world  wide web的缩写，俗称www
• web可以理解为就是当前的一种互联网，对于我们来说就是网站服务
• 网站我们可以认为是由多个网页组合在一起形成的一种服务
• web前段就是负责一个网站中前台页面的内容
• 网页就是由前端工程师使用HTML语言编写的一种文件，它里面保函文字图片超链接声音视频等

HTML的基本介绍

HTML是超文本标记语言，其中的“超”指的就是他能表达的内容不仅仅是文字

浏览器就是用来解析HTML的

HTML网页骨架

• 网页是通过HTML语言写的
• 因为我们需要HTML语言来书写网页，所以就需要相应的书写代码工具Hbuilder
• 在使用HTML语言书写网页的过程中，我们会发现有一些结构是默认必须存在的，这个结构就叫做HTML的骨架

Hbuilder的使用

设置字体

C盘--->*****--->Fonts

如果要安装一些其他的字体，操作就是我们想要安装的字体文件拷贝到这个目录下就可以

具体的目录看自己把Hbuilder在哪里安装，我是在C盘IT这个文件夹，所以Fonts就在C:\IT\HBuilder\jre\lib\fonts

head和body是兄弟关系

head属于HTML的孩子，称之为网页的头，在它里面我们会放置一些有用信息，这些信息是专门给浏览器看的。

head中框架默认有两个“儿子”，一个叫meta，一个叫title，meta中设置了charset就表示用来和浏览器声明当前文档的编码。title里面的文字显示在网页的标签页上。