HTML标签

一、HTML的语法规范

1.1基本语法概述

HTML标签是由尖括号包围的关键词，eg:

1.2标签关系

分为包含关系和并列关系

包含关系：

并列关系：

二、HTML的基本结构标签

2.1第一个HTML网页

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

HTML页面也称为HTML文档。

在写完后将后缀txt改为html。点进浏览器后，右键可以查看源代码

2.2创建页面常用工具

也可以直接按照下图的操作进行创建（切记：一定要ctrl+s）

三、网页开发工具

VScode工具生成股价标签新增代码

1.标签

2.lang语言

3.charset字符集

3.1文档声明标签

标签文档类型声明，作用就是告诉我们浏览器使用哪种HTML版本来显示网页

这句代码表示当前页面采取的是HTML5版本来显示网页。

3.2  lang语言种类

用来定义当前文档现实的语言

1.en定义语言为英语（定义为en为英文网页，下同）

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

对于文档来说，定义为en的文档也可以显示中文，定义为zh-CN的文档也可以显示英文。

3.3 charset字符集

字符集以便计算机能够识别和存储各种文字

在标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。

（必须写，采用UTF-8来保存文字，不写会乱码）

chaeset常用的值有：GB2312、BIG5、GBK和UTF-8，其中UTF-8为万国码，基本包含了全世界所有国家需要用到的字符。

四、HTML常用标签

4.1

注意：重点记住标签的语义（含义）

在合适的地方用合适的标签使得页面更清晰（类似于给一段话分小标题）

4.2标题标签

-

(依我愚见，跟csdn里边标题一到标题六是一样的意思)

每个标题占一行，称为标题的文字会变大加粗，

是最大的。

具体书写格式为

我是一级标题

4.3段落和换行标签

段落标签：使用

一段话

第二段话

段落与段落之间会保有空隙，比换行的空隙更大。

换行标签：在HTML中，正常来讲是一段文字会一直排下去，不会换行，但是如果要求强制换行，我们可以在换行处写上
(这是一个单标签)，
换行之后，两行之间不会有很大的距离与段落恰好区分，段落换行会有一段垂直的间距。

补：在代码书写时，使用enter键并不会实现换行，此外即使是在两个字之间打很多空格，页面中表现出来也只有一个空格。

4.4文本格式化标签

在网页中，有时会设置粗体、斜体、或下划线等效果，则需要使用HTML中的文本格式化标签，使文字以特殊的方式显示。（突出重要性）

加粗：或

倾斜：或

删除线：或

下划线：或

4.5

和标签

和是没有语义的，类似于一个盒子，用来装内容。

二者均用来布局，一行只能放一个

（大盒子）；一行上可以多个(小盒子)；

4.6图像标签与路径

1.图像标签

在HTML标签中，标签用于定义HTML页面中的图像。

（注：该图像必须与页面在同一个文件夹中）

src是标签的必须属性，它用于指定图像文件的路径和文件名。（属性就是属于这个图像标签的特性）

如下：（补：图像标签的使用那几个字本来是要与下边的图片换行，但是如果用

的话，一方面实现换行，另一方面弄成标题更加显眼）

图像标签的其他属性：（需练习实操）

（注：如果同时对这张图片的宽和高都有要求，可能会出现图片很扁的状况，所以有时候可以只确定一边，另一边系统会自动匹配的）

图像标签注意点：

1°图像标签可以拥有多个属性，必须写在标签名后面。（比如说可以对一张图片不仅可以按照自己的需求确定大小，也可以显示出来提示文本