第一部分 HTML大体介绍

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的第一个网页</title>
	</head>
	<body>
		<center>
			锣声一响，<br/>黄金万两。
		</center>
	</body>
</html>

HTML的基本语法

<常规标记>也叫双标记

<标记></标记>

<标记属性=”属性值” 属性=”属性值”></标记>

标记也可叫标签或叫元素

例如：<head></head>

2.空标记也叫单标记

<标记/>

<标记属性=”属性值”/>

例如：<br/>

0006 趁手兵器-VScode

知识点：

扩展>>搜索“Chinese”>>下载
文件建议起英文名
代码开发文件夹：添加文件夹>>起名字
“标签”+enter=<标签></标签>
Ctrl+”+”=放大
Ctrl+”-”=缩小
!+enter=完整HTML页面

插件介绍：

Auto Rename Tag：一对标签同时修改
view-in-browser：快速阅览页面（右键即开>>view in browser）
Live Server：实时浏览器（右键即开>>open with live server）

0007 文档声明与字符编码

<!DOCTYPE html>：特殊且固定的文档声明标签
<html lang=”***”>：”en”表示英语，”zh-CN”代表中文，”ja-jp”代表日文。搜索引擎优化和浏览器有帮助。
发送方>>原始机密内容>>确定使用哪套密码本>>编码发送情报
接收方>>获取情报>>按照指定密码本解密>>获取原始机密内容
<meta charset="***">：ASCII -美国信息交换标准代码

ISO-8859-1 - 拉丁字母表的字符编码

GB2312 - 汉字编码字符集

UTF-8 - Unicode 万国码字符编码

0008 HTML常用标签

语义是什么？

裸奔好看
爬虫喜欢
方便维护

常用标签

1、文本标题(h1-h6)

注：文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间距

2、段落文本(p)

<p>段落文本内容</p>

标识一个段落(段落与段落之间有段间距)

3、换行(br)

<br/>

换行是一个空标记(强制换行)

4、水平线

<hr />空标记

5、加相有两个标记(推荐strong)

<b>加粗内客</b>只是显示加粗

<strong>强调的内客</strong>突出的文本

6、倾斜有两个标记(推荐em)

7、删除线有两个标记(推荐del)

<s>文本</s>删除线

<del>文本</del>删除线

8、扩展

<u>文本</u>下划线

<sub></sub>下标

<sup></sup>上标

0009 百科词条案例

推荐插件：htmltagwrap（html标签包裹）

用法：选中文本>>Alt+W+标签名

<hr>水平线