一，引入——一个HTML实例
对于一段HTML标签
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题<title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>注释：
1，<!doctype html>:HTML版本和渲染模式
2，<html>:根标签
3，<head>:包含元数据
4，<meta charset="UTF-8">:页面编码
5，<title>：页面标题
6，<body>:可见的页面内容
7，<h1>:一级标题标签
8，<p>:段落内容
二，HTML概述
1，什么是HTML？
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML是一种标记语言，标记语言是一套标记标签
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容，也被称作Web页面
2，HTML标签/元素
- HTML 标签是由尖括号包围的关键词
- HTML 标签通常是成对出现的
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 标签的组合类似于一种嵌套结构
<标签>内容</标签>虽然标签和元素通常含义相同，不过元素既包括开始标签，也包括结束标签。
3，HTML的展示
Web浏览器根据HTML的标签决定展示出的内容，不是直接展示代码。只有<body>标签内的内容才会展示在网页页面上。
4，<!DOCTYPE> 声明
浏览器根据<!DOCTYPE> 声明确定渲染模式，所以在使用HTML时声明是必要的。<!DOCTYPE> 声明不区分大小写。
5，中文编码
如果直接输入中文，展示时会出现乱码，因此我们需要再头部声明字符为UTF-8 或 GBK。也就是<meta charset="UTF-8">。
三，编辑器选择
本专栏选择使用VS code，具体使用教程请参考菜鸟教程HTML 编辑器 | 菜鸟教程 (runoob.com)
菜鸟教程也提供了一个给予VScode的AI助手，下载和使用教程。
参考网址：
扫一扫
335
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
