1-HTML基础-CSDN博客

本文链接：https://blog.csdn.net/qq_35446385/article/details/128429300

本篇博客详细介绍了HTML的基础知识，包括HTML的概念、网页的形成、常见浏览器及内核、Web标准的重要性。此外，深入讲解了HTML的语法规范、基本结构标签，如<!DOCTYPE>, lang, charset，以及HTML常用标签如标题、段落、图像和超链接的使用。内容还涵盖了HTML的注释和特殊字符号，为初学者提供了全面的学习指导。" 130538927,10181567,利用NVMe技术提升Linux系统存储性能,"['Linux', '运维', 'NVMe技术']

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

HTML 基础

Note
本章HTML笔记根据 B站pink老师前端教学视频记录。
本笔记是建立在 MurphyChen’s Notes 的基础上进行记录的。
非常感谢pink老师，非常感谢MurphyChen同学！

（一）HTML简介

1. 网页

1.1 什么是网页

网页是根据因特网上一定的规则，使用html等制作的用于展示特定内容的网页集合。

网页是构成网站的基本元素。

网页是图片、链接、文字、声音、视频等源深路组成，其实就是一个html文件。

1.2 什么是HTML

HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言（markup language）。
标记语言是一套标记标签（markup tag）。

超文本的含义：

它可以加入图片、声音、动画、多媒体等内容（超越文本限制）。
它可以从一个文件跳转到另一个文件，于世界各地主机的文件连接（超级链接文本）。

1.3 网页的形成

网页由网页元素组成，这些元素通过html标签描述出来，然后通过浏览器解析并显示出来。

2. 常用浏览器及其内核

2.1 常用浏览器

浏览器是网页显示、运行的平台。

五大浏览器有 IE、Firefox、Chrome、Safari 和 Opera。

四大内核：Trident, Gecko, Webkit, Blink

2.2 浏览器内核

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360、百度浏览器
firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	chrome/opera 浏览器内核

3. Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。

3.1 为什么需要Web标准

浏览器不同，它们显示的页面或者排版有些许差异。

遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：

让Web标准发展前景更为广阔
内容能被更广泛的设备访问。
更容易被搜索引擎了搜索。
降低网站流量费用。
易于维护。
提高页面浏览速度。

3.2 Web标准的构成

标准	说明
结构	结构对网页元素进行整理和分类，现阶段主要是HTML
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，主要是指CSS
行为	行为是指网页模型的定义以及交互的编写，现阶段主要是JS

Web标准提出的最佳体验方案：结构、表现、行为相分离。

（二）HTML 标签（上）

1. HTML 语法规范

1.1 基本语法规范

HTML 标签是由尖括号包围的关键词，例如<html>。
HTML 标签通常是成对出现的，例如<html>和<html/>，称为双标签。第一个是开始标签，第二个是结束标签。
有些特殊标签必须是单个标签（极少情况），例如<br/>，我们称之为单标签。

1.2 标签关系

标签关系可以分为两类：包含关系和并列关系

2. HTML 基本结构标签

每个网页都会有一个基本的结构标签，页面内容都是在这些基本标签上书写。
HTML 页面也叫 HTML 文档。

3. 开发工具

3.1 <!DOCTYPE> 文档类型声明标签

!<DOCTYPE> 文档类型声明，告诉浏览器使用何种 HTML 版本来显示网页。

<!DOCTYPE html>

这句话的意思是：当前页面采用的是 HTML5 版本来显示网页。
注意：

<!DOCTYPE> 声明位于文档最前面的位置，处于<html>标签之前。
<!DOCTYPE> 不是一个 HTML 标签，他就是文档类型声明标签。

3.2 lang 语言种类

用来显示当前文档显示的语言。

<html lang="zh-CN">
  <html lang="en"></html>
</html>

en 定义语言为英文。
zh-CN 定义语言为中文。

这个属性对浏览器和搜索引擎（谷歌/百度）还是有作用的。

3.3 charset 字符集

<meta charset=&