01-初识HTML

01-初识HTML

一、基础认知

1.1 认识网页

1. 以下网页有哪些部分组成
   

2. 那么这个网页背后本质是什么？

3. 前端的代码是通过什么软件转换成用户眼中的页面的？

1.2 五大浏览器和渲染引擎

1.2.1 浏览器

1. 浏览器：是网页显示、运行的平台，是前端开发必备利器
2. 常见的五大浏览器：

1.2.2 渲染引擎

1. 渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分
2. 浏览器出品的公司不同，内在的渲染引擎也是不同的：

3. 注意点：

1.3 Web标准

1.3.1 为什么需要Web标准？

1. 不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异

2. Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一！

1.3.2 Web标准的构成

1. Web标准中分成三个构成：

2. Web标准要求页面实现：结构、表现、行为三层分离

1.4 开发工具

Visual Studio Code（推荐） 、 Webstorm 、 Sublime 、Dreamweaver、 Hbuilder

1. 推荐插件

2. 导入别人发给你的插件压缩包（extensions.zip）

3. 常用快捷键

二、HTML初体验

2.1 HTML初感知

2.1.1 HTML的概念

1. HTML（Hyper Text Markup Language）中文译为：超文本标记语言

2. 案例：文字变粗案例

文字要变粗
<strong>文字要变粗</strong>
<h1>文字要又大又粗</h1>

2.1.2 构建基本网页的步骤

1. 文件夹中点击鼠标右击 → 新建文本文档 → 命名为：文字变粗案例.txt
   
2. 双击这个文件，输入代码等内容 →记得保存！
3. 1.在文件上点击鼠标右键 → 重命名 → 修改文件后缀为为.html
   
4. 双击文字变粗案例.html ，浏览器会自动打开文件并显示之前输入的内容

2.2HTML骨架结构

2.2.1 HTML页面固定结构

1. 网页类似于一篇文章：

2. 网页中的固定结构是要通过特点的 HTML标签 进行描述的

2.3 注释

1. 概念：

2. 格式：<!-- 注释的内容 -->
3. 快捷键：ctrl + /