html学习笔记1html基础-2022.2.28-CSDN博客

本文链接：https://blog.csdn.net/Kate117/article/details/123167237

本文介绍了HTML的基础知识，包括HTML、网页、浏览器和Web标准的概念，详细讲解了HTML语法规范。此外，还探讨了VSCode的安装及基础操作，特别是快捷生成HTML骨架的功能。在HTML标签部分，重点阐述了排版标签如标题、段落、换行和水平线的用法，以及媒体标签如图片、音频和视频的插入和路径处理。

摘要由CSDN通过智能技术生成

1.基础知识

1.1 HTML

指超文本标记语言（hyper text markup language）,是用来描述网页的一种语言。
html不是一种编程语言，而是一种标记语言（markup language）,标记语言是一套标记标签（markup tag）。

1.2 网页

是由图片、链接、文字、声音、视频等网页元素组成的，这些元素是利用html标签描述出来的，然后通过浏览器解析来现实给用户看。网页其实就是一个html文件（后缀名为html）

1.3 浏览器

浏览器是网页显示、运行的平台。常用浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和欧朋Opera等。

渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分

1.4 Web标准

Web标准：让不同的浏览器按照相同的标准显示结果
web标准的三个组成部分：结构html-元素、表现CSS-样式、行为JS-交互

1.5 HTML语法规范

注释的作用：

• 为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码

• 浏览器执行代码时会忽略所有的注释

• 注释的快捷键：在VS Code中：ctrl + /

• 注释标签：

2.VSCode编译器

2.1.安装vscode插件

联网从扩展商店下载插件：Chinese简体中文(配置成中文操作界面)、open in browser(快捷操作：在浏览器中打开)、auto rename tag(重命名标签时自动配对)

2.2.vscode基础操作

2.2.1 快捷键： Ctrl+s 新建，Ctrl+s 保存新建，alt+z 自动换行，alt+b 快速查看网页效果（必须安装了open in browser 插件）
注意：新建文件后，先保存为html格式再进行后续操作

2.2.2 英文状态下输入!后按Tab键，快捷生成html基础骨架，提高效率

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    &l