一、网页
1.什么是网页
网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。
2.什么是HTML
HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)
3.Web标准
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
| 结构标准 | 用于对网页元素进行整理和分类，主要指HTML |
| 表现标准 | 用于设置网页元素的版式、颜色、大小等外观属性，主要指CSS |
| 行为标准 | 用于对网页模型的定义及交互的编写，主要指JavaScript |
Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到HTML 文件中，表现写到CSS 文件中，行为写到JavaScript 文件
二、认识HTML
1. HTML 语法规范
1.HTML 标签是由尖括号包围的关键词，例如<html>。
2.HTML 标签分为双标签和单标签。标签对中的第一个标签是开始标签，第二个标签是结束标签（例如<html> 和</html> ），我们称为双标签；有些特殊的标签必须是单个标签（例如<br />）我们称为单标签。
2.标签关系
双标签关系可以分为两类：包含关系和并列关系
<!-- 包含关系 -->
<head>
<title> </title>
</head>
<!-- 并列关系 -->
<head> </head>
<body> </body> 
3.HTML骨架格式
<!-- 页面中最大的标签 根标签 -->
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title>我的第一个页面</title>
</head>
<!-- 文档的主体 -->
<body>
大家好！这是我的第一个页面。
</body>
</html>注意：HTML 文档的的后缀名必须是.html 或.htm，浏览器的作用是读取HTML 文档，并以网页的形式显示出它们。此时，用浏览器打开这个网页，我们就可以预览我们写的第一个HTML 文件了。
4.开发工具VSCode
1. 双击打开软件。
2. 新建文件（Ctrl+N ）。
3. 保存（Ctrl+S）,注意移动要保存为.html 文件
4. Ctrl+ 加号键，Ctrl + 减号键可以放大缩小视图
5. 生成页面骨架结构。输入! 按下Tab键。
6. 利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中点击“Open In Default Browser”
5.文档标签声明
1.<!DOCTYPE > 文档类型，声明你用的XHTML或者HTML是什么版本。
<!DOCTYPE html>
<!-- 当前页面采取的是 HTML5 版本来显示网页. -->注意： <!DOCTYPE> 声明位于文档中的最前面的位置，处于<html> 标签之前。
<!DOCTYPE>不是一个HTML 标签，它就是文档类型声明标签
2.lang页面语言，根据根据lang属性来设定不同语言的css样式，或者字体。
<html lang="en">
<!-- en 定义语言为英语 zh-CN定义语言为中文 -->3.字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。在<head>标签内，可以通过<meta> 标签的charset属性来规定HTML 文档应该使用哪种字符编码。
<meta charset="UTF-8" />注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的"UTF-8"，不要写成 "utf8" 或"UTF8"。
最低0.47元/天 解锁文章
484
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
