一、网页相关概念
1.1什么是网页?
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。
1.2什么是HTML？
1.HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。 2.HTML 不是一种编程语言，而是一种标记语言 (markup language)。
1.3常用浏览器
-
IE
-
火狐
-
谷歌
-
苹果
-
欧朋
1.4浏览器内核（渲染引擎）
浏览器内核负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。
1.4web标准
1.4.1 web标准概念
Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。 为什么需要Web标准？
浏览器不同，它们显示页面或者排版就有些许差异
遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还可以使网站更易于维护,提高页面浏览速度。
1.4.2 web标准的构成
web标准主要有三部分组成：结构(html)+表现(css)+行为(js)
1.5 基本结构标签
每个网页都会有一个基本的结构标签（也称为骨架标签），我们在vscode中通过html:5+tab键自动生成
1.6开发工具
VSCode的使用：
1. 双击打开软件。 2. 新建文件（Ctrl + N ）。 3. 保存（Ctrl + S ）, 注意移动要保存为 .html 文件 4. Ctrl + 加号键 ，Ctrl - 减号键 可以放大缩小视图 5. 生成页面骨架结构。 输入html:5 按下 Tab 键。 6. 利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中点击“Open In Default Browser”。
1.7 DOCTYPE
1、<!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面. 2、lang 语言种类 用来定义当前文档显示的语言。 en定义语言为英语 zh-CN定义语言为中文 简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页 其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文 这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的 3、字符集 字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。 在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。 <meta charset=" UTF-8" /> charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符. 注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的 "UTF-8"，不要写成 "utf8" 或 "UTF8"。
1.8 常用的标签：
1.8.1 标题标签
标题标签是h1-h6 为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML 提供了 6 个等级的网页标题，即
<h1> 一级标题 <h1> <h2> 二级标题 <h2> <h3> 三级标题 <h3> <h4> 四级标题 <h4> <h5> 五级标题 <h5> <h6> 六级标题 <h6>
1.8.2 段落标签
<p>标签用于定义段落，它可以将整个网页分为若干个段落。 具体实现：<p> 我是一个段落标签 </p>
1.8.3 换行标签
如果希望某段文本强制换行显示，就需要使用换行标签
<br />
1.8.4 特殊标签
1.8.5 容器标签
div和span标签
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。 具体实现： <div&g
最低0.47元/天 解锁文章
219
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
