1.什么是网页？
网站是网页的集合
网页是构成网站的基本元素，通常是HTML格式的文件，俗称为HTML文件
2.什么是HTML？
HTML是一种超文本标记语言，它是用来描述网页的一种语言。
HTML不是一种编程语言，是一种标记语言。（标记语言是一套标记标签）
超文本有两个意思：
1它超过了文本的限制，可以加入图片，声音，
动画等内容
2它还可以从一个文件跳转到另一个文件，
与世界各地主机的文件连接（超级链接文本）
3.网页是怎么形成的？
前端人员通过各种各样的HTML 标签，在HTML文件中进行描述，再通过浏览器解析来显示给用户看。
4.浏览器的内核
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
目前国内一般浏览器都会采用Webkit或Blink内核，如360，UC，QQ，搜狗等。
5.什么是Web标准？为什么需要wed标准？web标准由什么构成？
Web标准是一系列标准的集合。浏览器不同，他们显示页面或者排版有差异。遵循web标准除了可以让不同的开发人员写出的页面更标准，更统一外，还有以下优点：
让web的发展前景更广阔
内容能被更广泛的设备访问，
更容易被搜索引擎搜索等
web标准的构成是从结构，表现，行为三个方面来看的
结构：对网页元素进行整理和分类，（HTML）
表现：网页的外观样式（CSS）
行为：交互（Javascript）就是让页面点击起来有反应
web标准提出的最佳体验方案：结构，样式，行为相分离。即把各部分写到该在的文件里，各司其职。
一.html语法规范
1HTML标签是由尖括号包围的关键词，eg：<html>
2通常是成对出现的，eg:<html></html>
3极少情况有单标签
标签关系：
1包含关系(父子关系)
<head>
<title></title>
</head>
2并列关系（兄弟关系）
<head></head>
<body></body>
二.HTML基本结构标签
每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。
HTML页面也称为HTML文档
写好代码后先点保存再打开浏览器，这样之前编辑的内容才会转化为网页的形式
三.开发工具
VScode
新建HTML文件后，先保存再写代码。
1 文档类型声明标签
<！DOCTYPE>文档类型声明，
告诉浏览器使用哪种HTML版本来显示网页
<!DOCTYPE html>意为当前页面采取的是HTML5版本来显示的网页。
要写到整个文档第一行，不在<html>标签里
2 lang定义当前文档显示的语言
告诉我们是中文网站还是英文，但是各种语言都可以写
zh-CN表示是中文的语言，en表示是英文的语言
3 charset="UTF-8"
在<head>标签里，可以通过这个来规定HTML文档应该使用哪种字符编码。
<meta>标签的<charset>属性
四.HTML常用标签
1.标题标签，HTML提供了6个等级的网页标题，从1到6重要性逐级递减。
<h1>一级标题</h1>
特点：加了标题的文字会变大变粗也会独占一行
2.段落和换行标签
<p>段落啊</p>
想分几段就写几个p标签的组合，有时候你想换行，那就用<br />标签
br是break的缩写，意味打断。
3.文本格式化标签
标签语义：突出重要性，比普通文字更重要
为文字设置粗体，斜体，下划线等效果
加粗：<strong></strong>或者<b></b>
倾斜：<em></em>或<i><i/>
删除线：<del></del>或<s></s>
下划线：<ins></ins>或<u></u>
或者前边的标签的语气比后边更强烈
4.盒子
<div>和<span>是没有语义的，它们是个盒子，用来装内容的
用来布局网页的
div独占占一行，一行只能放一个div.大盒子
span一行可以放多个，小盒子
5.图像标签和路径
<img src="图像URL"/>用来定义页面中的图像
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
所谓属性即属于这个图像标签的特性。
alt，替换属性，当图片显示不出来的时候，就会显示alt里的文字
title，提示文本。当鼠标放到图片上所显示的信息
这样子加：
<img src="帽子.jpg" alr="美少女不见啦，好可惜哦" title="Mirror,tell me who the fariest of them all is." />
width,给图像设定宽度，单位是像素
height,给图像设定高度，一般实际中宽度和高度只修改一个，另一个系统会自动等比例缩放
border,给图像设定边框，单位是像素
图像标签注意的点 ：
1图像标签可以拥有多个属性，必须写在标签名后边
2属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开
3属性采用键值对的格式，即key="value"的格式，属性=“属性值”
6.路径
目录文件夹：普通的文件夹
根目录：打开目录文件夹的第一层就叫根目录
路径可以分为：
1相对路径
定义：以引用文件所在位置为参考基础，而建立出的目录路径
简单来说：图片相对于HTML页面的位置
同一级路径（位处于同一个文件夹下同一个页面）
下一级路径 <img src="试探/帽子.jpg" />
上一级路径 ../就是返回上一级的意思，不用特地写上一级的文件名
2绝对路径
某个文件在电脑中的哪个位置就叫绝对路径
绝对路径用\这个斜杠
网络图片也有绝对路径
7.超链接标签
<a>
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像（你起的链接名字）</a>
href是用于指定链接目标的url地址，当为标签应用href属性时，它就有了超链接的功能
target用于指定链接页面的打开方式
如果设置target=“_self”则会在当前页面打开链接，之前的页面就消失了，只剩新的页面了
_blank则会打开一个新窗口用来跳转界面
链接分类：
1外部链接：本页面以外网站的链接
2内部链接：网站内部之间的相互链接
3空链接：就是未来得出现这个链接，但是链接到的网页还没做好，就整个空链接占个位。
<a href="#">未来的链接</a>
4下载链接：地址链接的是文件，.exe or zip等格式
<a href="同级路径下就直接写压缩包的名字">下载文件</a>
5网页元素链接：在网页中的各种元素都可以加超链接的，
比如文本，图像，表格，音频等
6锚点链接：在当前页面跳转到当前页面的一个固定位置
例子：知乎看小说的时候开头的目录。
eg:<a href="#live">个人生活</a>
下边个人生活部分得写：
<h3 id="live">个人生活</h3>
五.HTML中的注释和特殊字符
1 注释标签：
<!--注释内容-->
ctrl+/就能直接注释语句了
2常用的特殊字符是空格，大于号小于号（但实际开发中也没那么多，随用随搜）
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
