02_HTML01
学于黑马和传智播客联合做的教学项目 感谢
黑马官网
传智播客官网
微信搜索"艺术行者"，关注并回复关键词"软件测试"获取视频和教程资料！
b站在线视频
HTML01
1.1 常见的 DOS 命令
一、切换盘符
使用具体盘符名称:
二、返回上一级或根目
Cd .. 返回上一级
Cd / 返回根目录
注意：
01 cd 就是 change directory 的首字母缩写，表示切换目录的意思。
02 cd 命令不可以切换盘符
03 根目录指的就是某个盘符的一级目录
04 命令语句一定都是在英文输入法下面书写的，命令和参数之间往往都用空格隔开
三、列表示展示某个目录下的内容
Dir
四、目录及文件相关操作
1．新建目录： md 路径
2．新建文件： echo "内容">文件名称，通过这种方法间接得到一个文件
3．删除目录： rd 路径 【默认情况下只能删除空目录，如果想连带它里的文件一起删除则需要设置 /s 参数】
4．删除文件： del 文件名称
注：
A. md 只能新建目录
B. rd 默认只能删除空目录
C. 参与与命令之间一定要用空格
D. 如果 del 后面直接写的不是文件，而是一个目录，那么它就会将这个目录下的所有文件都删除（ 前提是我们选择 Y ）
五、文件复制和剪切命令
Copy 被复制文件路径 将这个文件复制到哪里
Copy aa/aa.txt c:\test\bb.txt [ 将目录 aa 下在的 aa.txt 文件，复制到 c 盘 test 目录下，同时将名称修改为 bb ]
注：
01 复制操作语句，我们可以分为三段，第一段就是命令 copy ，第二段就是被复制文件的在地，第三段可以指明将当前文件复制到哪里，三段之间都要用空格隔开
02 第三段可以省略，省略之后的结果就是会将相应的文件直接复制到我们的当前所在 位置。
Move 被剪切文件所在地 将这个文件剪切到哪里
注：
01 对于剪切操作来说 必须要进入到想要操作文件所在目录去执行命令
02 第三段用来指明目标所在地的部分不能省略。
1.2 Web 基本介绍
1 web 就是 world wide web 的缩写，称之为全球广域网，俗称 WWW。
2 我们可以将 web 理解为就是当前的一种互联网。对于我们来说更多的就是网站服务。
3 网站我们可以认是由多个网页组合在一起而形成一种服务。
4 web 前端就是来负责一个网站当中前台网页里的内容。
5 网页就是由前端工程师使用 HTML 语言编写而成的一种文件，它里面会包含 文字 图片 超链接 声音 视频......（网页本质就是一个 html 文件 ）
1.3 HTML 基本介绍
一、定义
HyperText markup language 超文本标记语言，其中的超指的就是它能表达的内容不仅仅只是文字。
二、HTML 语言发展历史
1．在互联网最初的时候是没有 HTML 的，我们只能通过网络传输最简单的文字内容
2．随着用户的要求越来越多，同时也是我们的技术的不断发展，就出了一种可以表达文字内容之外的语言---HTML1.0
3．在最初的时候就是 html1.0----xhtml1.0( 过渡 )----xhtml2.0( 放弃 )------html5
1.4 HTML 网页骨架
1 网页是我们通过 HTML 语言来书写。
2 因为我们需要使用 HTML 语言来书写网页所以我们要有相应的书写代码工具。 ( Hbuilder )
3 在我们使用 HTML 语言去书写网页的过程我们会发现有一些结构是默认必须存在的， 这个结构我们就叫做 网页(html)骨架
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是谁</title> </head>
<body>
</body>
</html>
注意：
1 DocType html : 向浏览器声明当前的文档是 Html 类型。
2 html ： 它是网页当中最大的一个标签，我们称之为根标签
3head : 网页头的部，它里面的内容是写给浏览器看的。
4 meta : 如果有 charset 那就表示在设置当前网页的显示编码
5 title： 网页的标题，它里面的内容会在浏览器的标签页上显示
6 body： 网页主体，它里面的内容会显示在浏览器的空白区域内。
1.5 HTML 语法和标签基本介绍
一、HTML 标签
所谓的标签就是 HTML 语言的发明者人为定义好的一些"单词"，它就相当于我们汉语中的字。
二、语法
语法就是用来定义这些 "字" 应该如何去解析或者书写的规则。
三、HTML 标签中的常见标签及基本语法
1．我们人为的将 HTML 标签分为单标签 和 双标签 二种
<标签名称></标签名称> [在英文输入法下输入]
<标签名 />
2．常见的标签：
（1）标题标签 :在 html 当中人为定义了六种标题分别 h1-h6,它们都是双标签。在一个网页当中，我们只允许出现一个 h1。
（2）段落标签：p 双标签
（3）换行标签： br 单标签
（4）空格：
3．标签书写语法
（1）在 HTML 当中允许多个标签互相嵌套使用，但是不允许交叉嵌套。
注意：
1 img 是一个单标签，它的作用是可以在网页当中插入图片。
2 src 是 img 标签的属性，它里面的值称之为属性值，具体用来表示想要加载的图片存在哪里。
3 标签的身上可以有属性，属性名与标签名之间用空格隔开。
4 属性值与属性名之间用 单等号 连接
5 一个标签的身上可以有多个属性，之间都用空格隔开。
二、图片常见的属性
1．src 设置图片所在位置
2．alt 当图片加载失败的时候会显示它里面的文字
3．Width/height 分别用来设置图片宽和 高，如果只设置了宽度或者高度，那么另外一边会自动缩放。
4．Title 当鼠标悬停在图片上的时候会显示它里面的文字
1.6 链接标签
一、语法
<a href="目标地址"> 内容 </a>
二、作用
可以实现在当前页面向新页面进行跳转的操作
三、属性
1．target 这个属性可以设置新页面在哪个窗口打开，当值为_blank 的时候可以在新窗口打开。
2．href 的属性值设置为 # 的时候，可以设置为空链接，它的作用就是当用户点的时候不会发生跳转。
02_HTML01的更多相关文章
随机推荐
- 题解 P5937 【[CEOI1999]Parity Game】
这道题有两种做法,一种是 扩展域(种类并查集),一种是 边带权(带权并查集).种类并查集貌似应该都比带权并查集简单,所以先讲种类并查集的做法,再讲带权并查集 种类并查集 若 sum[ l ~ r ] ...
- Flutter vs React Native vs Native：深度性能比较
老孟导读:这是老孟翻译的付费文章,文章所有权归原作者所有. 欢迎加入老孟Flutter交流群,每周翻译2-3篇付费文章,精彩不容错过. 原文地址:https://medium.com/swlh/flu ...
- docker 容器中 apt-get install 软件时，提示无法定位软件包
[解决] 执行 apt-get update 然后再进行安装,即可. (完)
- 【Oracle】如何模拟resmgr:cpu quantum
看完该篇文章你可以了解如下问题:resmgr:cpu quantum等待事件的知识,如何模拟该等待事件,如何避免该事件. 数据库版本: SYS@zkm> select banner from v ...
- 每日一题 - 剑指 Offer 31. 栈的压入、弹出序列
题目信息 时间: 2019-06-25 题目链接:Leetcode tag:栈 难易程度:中等 题目描述: 输入两个整数序列,第一个序列表示栈的压入顺序,请判断第二个序列是否为该栈的弹出顺序.假设压入 ...
- 「杂烩」精灵魔法（P1908逆序对弱化版）
「杂烩」精灵魔法(P1908逆序对弱化版) 题面: 题目描述 \(Tristan\)解决了英灵殿的守卫安排后,便到达了静谧的精灵领地--\(Alfheim\) .由于$ Midgard$ 处在$ Al ...
- POJ3262贪心
题意:FJ去砍树,然后和平时一样留了 N (2 ≤ N ≤ 100,000)头牛吃草.当他回来的时候,他发现奶牛们正在津津有味地吃着FJ种的美丽的花!为了减少后续伤害,FJ决定立即采取行动:运输每头牛 ...
- 简单了解一下 Swagger
一.Swagger 1.什么是 Swagger ? Swagger 是一个规范和完整的框架,用于生成.描述.调用以及可视化的 Restful 风格的 Web 服务. 简单的理解:是一款 REST AP ...
- Zookeeper是什么&怎么用
1.Zookeeper概述 Zookeeper 是一个开源的分布式协调服务框架 ,主要用来解决分布式集群中应用系统的一致性问题和数据管理问题 2:Zookeeper的特点 Zookeeper 本质上是 ...
- [网鼎杯 2020 青龙组]AreUSerialz
题目分析 <?php include("flag.php"); highlight_file(FILE); class FileHandler { protected $op ...