HTML基本骨架与编辑器选择

文章目录

• HTML基本骨架与编辑器选择
• • 1.HTML基本了解
  • • 1.1 什么是HTML
    • 1.2 HTML标签
    • 1.3 HTML元素
    • 1.4 Web浏览器
    • 1.5 HTML网页结构
    • 1.6 HTML版本了解
  • 2.HTML基本骨架介绍
  • 3.HTML编辑器的下载与使用

1.HTML基本了解

1.1 什么是HTML

HTML 是用来描述网页的一种语言

1. HTML 指的是超文本标记语言: HyperText Markup Language
2. HTML 不是一种编程语言，而是一种标记语言
3. 标记语言是一套标记标签 (markup tag)
4. HTML 使用标记标签来描述网页
5. HTML 文档包含了HTML 标签及文本内容
6. HTML文档也叫做 web 页面

1.2 HTML标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)

1. HTML 标签是由尖括号包围的关键词，比如

2. HTML 标签通常是成对出现的，我们叫做双标签，比如

3. 标签对中的第一个标签是开始标签，第二个标签是结束标签

4. 开始和结束标签也被称为开放标签和闭合标签

5. 内容需要包含就用双标签，不需要就用单标签

6. 标签之间的关系：嵌套关系、并列关系

1.3 HTML元素

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思，但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:

这是一个段落

1.4 Web浏览器

1. Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示
2. 浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户

比如：

1.5 HTML网页结构

下图中，只有白色的标签中的内容才显示：

1.6 HTML版本了解

2.HTML基本骨架介绍

1. ： 声明为 HTML5 文档
2. ： 元素是 HTML 页面的根元素
3. ： 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8
5. 在创建HTML文件的时候，一定要把后缀名改为.html，因为VSCode对后缀名很敏感，识别文件全靠后缀，否则就另存的时候给后缀名
6. 注：VSCode中用ctrl+/可以快速注释

    

我的第一个标题
我的第一个段落

7. 步骤4，右键选择是在默认浏览器中运行还是VSCode右侧运行

5. 查看写出的HTML网页效果