软件测试的学习之路-----HTML详情展示（01）

一：常见DOS命令

1. 切换盘符
   具体盘符名称：
   

2. 返回上一级或根目录
   cd … 返回上一级
   cd / 返回根目录
   
   

   注意：
   (1). cd ：change directory 的首字母缩写，表示切换目录的意思
   (2). cd 命令不可以切换盘符
   (3). 根目录指：某个盘符的一级目录
   (4). 命令语句一定都是在 英文输入法 下面书写的，命令和参数之间往往都用 空格 隔开

3. 列表展示某个目录下内容
   dir

4. 目录及相关操作
   (1)．新建目录： md 路径
   (2)．新建文件： echo “内容”>文件名称，通过这种方法间接得到一个文件
   (3)．删除目录： rd 路径 【默认情况下只能删除空目录，如果想连带它里的文件一起删除则 需要设置 /s 参数】
   (4)．删除文件： del 文件名称
   注意：
   A. md 只能新建目录
   B. rd 默认只能删除空目录
   C. 参与与命令之间一定要用空格
   D. 如果 del 后面直接写的不是文件，而是一个目录，那么它就会将这个目录下的所有文件都删除（ 前提是我们选择 Y ）

5. 文件复制和剪切命令
   (1).copy 被复制文件路径 将这个文件复制到哪里
   copy aa/aa.txt c:\test\bb.txt [ 将目录 aa 下在的 aa.txt 文件，复制 到 c 盘 test 目录下，同时将名称修改为 bb ]
   注意：
   A. 复制操作语句，我们可以分为三段，第一段就是命令 copy ，第二段就是被复制文 件的在地，第三段可以指明将当前文件复制到哪里，三段之间都要用空格隔开
   B. 第三段可以省略，省略之后的结果就是会将相应的文件直接复制到我们的当前所在 位置。
   (2).move 被剪切文件所在地 将这个文件剪切到哪里
   注意：
   A.对于剪切操作来说 必须要进入到想要操作文件所在目录去执行命令
   B.第三段用来指明目标所在地的部分不能省略。

二：Web基本介绍

(1). web 就是 world wide web 的缩写，称之为全球广域网，俗称 www。
(2). 我们可以将 web 理解为就是当前的一种互联网。对于我们来说更多的就是网站服务。
(3). 网站我们可以认是由多个网页组合在一起而形成一种服务。
(4). web 前端就是来负责一个网站当中前台网页里的内容。
(5). 网页就是由前端工程师使用 HTML 语言编写而成的一种文件，它里面会包含 文字 图 片 超链接 声音 视频…（ 网页本质就是一个 html 文件 ）

三：HTML基本介绍

1. 定义
   HyperText markup language 超文本标记语言，其中的超指：它能表达的内容不仅仅只是文字。
2. HTML 语言发展历史
   1．在互联网最初的时候是没有 HTML 的，我们只能通过网络传输最简单的文字内容
   2．随着用户的要求越来越多，同时也是我们的技术的不断发展，就出了一种可以表达文字 内容之外的语言—HTML1.0
   3．在最初的时候就是 html1.0----xhtml1.0( 过渡 )----xhtml2.0( 放弃 )------html5

四：HTML网页骨架

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

注意：
<1>. DOCTYPE html : 向浏览器声明当前的文档是 Html 类型。
<2>. html ： 它是网页当中最大的一个标签，我们称之为：根标签
<3>.head : 网页头的部，它里面的内容是写给浏览器看的。
<4>. meta : 如果有 charset 那就表示在设置当前网页的显示编码
<5>. title： 网页的标题，它里面的内容会在浏览器的标签页上显示
<6>. body： 网页主体，它里面的内容会显示在浏览器的空白区域内。

五：Hbuilder工具使用

1. 设置主题
   Hbuilder软件里找
   工具-----视觉主题设置

2. 设置字体
   工具-----视觉主题设置----如下图
   

六：HTML语法和标签基本介绍

1. html标签
   所谓的标签就是 HTML 语言的发明者人为定义好的一些"单词"，它就相当于我们汉语中的字。
2. 语法
   语法就是用来定义这些 “单词” 应该如何去解析或者书写的规则。
3. 常见标签及基本语法
   (1)．我们人为的将 HTML 标签分为 双标签 和 单标签 二种
   双标签：<标签名称></标签名称> [在英文输入法下输入]
   单标签：<标签名 />
   (2)．常见的标签：
   <1>.标题标签 :在 html 当中人为定义了六种标题分别 h1-h6,它们都是双标签。在一个网页当中，我们只允许出现一个 h1。
   <2>.段落标签：p 双标签
   <3>.换行标签： br 单标签
   <4>.空格：&nbsp；
   (3)．标签书写语法
   在 HTML 当中允许多个标签互相嵌套使用，但是不允许交叉嵌套。

七：图片标签

2. 图片常见的属性
   (1)．src： 设置图片所在位置
   (2)．alt： 当图片加载失败的时候会显示它里面的文字
   (3)．width/height: 设置图片宽 和 高，如果只设置了宽度或者高度，那么另外一边会 自动缩放。
   (4)．title: 当鼠标悬停在图片上的时候会显示它里面的文字

八：链接标签

1. 语法
   
2. 作用
   可以实现在当前页面向新页面进行跳转的操作
3. 属性
   1．target 属性：可以设置新页面在哪个窗口打开，当值为_blank 的时候可以在新窗口打开
   2．href 的属性值设置为 # 的时候，可以设置为空链接，它的作用是：当用户点击的时候不会发生跳转

九：欢迎查看：软件测试的学习之路 ------ HTML图片展示（01）

软件测试的学习之路 ------ HTML图片展示（01）