HTML 学习第一天

前端开发

一. HTML 简介

1.HTML 语法规范

1.1 基本语法概述

1. html 标签由尖括号包围的关键词 ，例如
2. html 标签通常是成对出现的，例如 我们称为双标签。标签对中的第一个标签是开始标签 ，第二个标签是结束标签
3. 有些特殊标签必须是单个标签 （极少出现） 例如
   我们称为单标签

1.2 标签关系

双标签关系可以分为两类 ：包含关系和并列关系

2. HTML 基本结构标签

2.1 第一个html 网页

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。

html 页面也称为 html文档。

html 文档的后缀名必须 是 .html 或 .htm , 浏览器的作用是读取html 文档，并以网页的形式显示出它们，此时用浏览器打开这个网页，我们就可以浏览我们写的第一个HTML 文件。

3 vs code 工具使用创建文件

vscode 工具安装 网上有很多教程 自行搜索

英语不好可以用插件 安装后重启。

新建一个 html 文件

！号 快捷html基本结构

保存后 鼠标右击 打开浏览器 。

1.vs code 推荐插件

2. 文档类型声明标签

1. DOCTYPE html (这表示当前页面采取的是 HTML5 版本来显示页面) 文档类型申明，作用是告诉浏览器使用哪种HTML版本来显示网页,非html标签, 是文档标签

2. html lang=“en”

lang 语言种类

用来定义当前文档显示的语言

1 en 定义语言为英语

2 zh-CN 定义语言为中文

简单来说，定义为en 就是英文网页，定义 zh-CN 就是中文网页（其实中英文都可以写，主要是个提示作用)

3. meta charset=“UTF-8”

注意乱码 原理后面解释。

字符集

meta name=“viewport” content=“width=device-width, initial-scale=1.0” 后面介绍 ，暂时用不到。

		本人小白一名，blibli 的视频教程 . HTML 第一天笔记