HTML（上）

HTML（上）

网页

网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。

网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页， 常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

HTML

HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言 (markup language)。 标记语言是一套标记标签 (markup tag)。

网页的形成

前端代码——>浏览器显示代码（解析、渲染）——>web网页

常用浏览器

WEB标准

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织

web标注的构成：主要包括**结构（Structure） 、表现（Presentation）和行为（Behavior）**三个方面。

HTML语法规范

1.html是由尖括号包围的关键词

2.html标签通常是成对出现的

3.标签关系：包含关系和并列关系

hmtl基本结构标签（骨架标签）

网页新增标签

1.<!DOCTYPE> 标签

文档类型声明标签，作用就是告诉浏览器使用哪种HTML版本来显示网页 。<!DOCTYPE> 声明位于文档中的最前面的位置，处于 html>标签之前。<!DOCTYPE>不是一个 HTML 标签，它就是 文档类型声明标签。

2.lang语言种类

定义当前文档现实的语言

​ 1.en定义语言为英语

2. zh-CN定义语言为中文

3.字符集

字符集是多个字符的集合，以便计算机能够识别和存储各种文字。在html中可通过meta中的charset定义HTML文档定义使用哪种字符编码

<meta charset="UTF-8">

常用标签

1.标题标签 h1 - h6

2.段落和换行标签—p和br标签

3.文本格式化标签

​ a.加粗strong和b

​ b.倾斜em和i

​ c.删除线del和s

​ d.下划线ins和u

4.div和span标签

​ div标签用来布局，一行只能放一个，大盒子

​ span也可布局，一行可以放多个，小盒子

5.图像标签和路径img

1.图像标签属性：

2.图像标签属性注意点：

① 图像标签可以拥有多个属性，必须写在标签名的后面。

② 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

③ 属性采取键值对的格式，即 key=“value" 的格式，属性 =“属性值”。

3.路径

**目录文件夹：**就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材。

**根目录：**打开目录文件夹的第一层就是根目录。

**相对路径：**以引用文件所在位置为参考基础，而建立出的目录路径。

**绝对路径：**是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。

6.超链接标签a

a 标签用于定义超链接，作用是从一个页面链接到另一个页面

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

链接分类：

​ 1.外部链接:

​ 2. 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可

3. 空链接: 如果当时没有确定链接目标时，< a href="#"> 首页 。

4. 下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。

5. 网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.

6. 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。

HTML 中的注释和特殊字符

注释

HTML中的注释以“<!–”开头，以“

–>”结束

<!-- 注释语句 --> 快捷键: ctrl + /

特殊字符

VSCode 的使用

1. 新建文件（Ctrl + N ）。
2. 保存（Ctrl + S ）, 注意移动要保存为 .html 文件
3. Ctrl + 加号键 ，Ctrl + 减号键 可以放大缩小视图
4. 生成页面骨架结构。 输入! 按下 回车键。
5. 利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中点击“Open In Default Browser”
6. 安装Chinese (Simplified) (简体中文)

整理笔记资源来自itheima