HTML和CSS基础（一）

前言

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它由各种标签组成，这些标签定义了网页的结构和内容。HTML的早期形式诞生于1989年，由CERN的物理学家Tim Berners-Lee发明，最初用于在科学家之间共享研究成果。1996年：HTML 4.0发布，引入了样式表、框架、表单等新特性，这个版本被广泛使用了很多年。这个HTML4.0就是我们经常说的HTML语言，而2014年，HTML5发布，这是自HTML 4.01以来最大的一次更新。HTML5引入了新的结构元素、表单控件、媒体播放功能以及对图形和交互性的支持。这个就是我们常说的H5。HTML不是编程语言，而是一种用于创建网页内容的标记语言。用通俗的语言来讲，HTML是一个可以被浏览器程序渲染展示界面的语言。这里还有一个概念就是CSS，CSS（层叠样式表，Cascading Style Sheets）是一种用于描述HTML文档外观和布局的语言。

为了方便大家理解，我们可以将HTML语言比作一个房屋，HTML里的标签元素就是房屋里的房间、大门、窗户、水管、电线、煤气管道。而CSS语言就是将这个毛坯房装修漂亮的工具，你可以设置房间墙壁的颜色、是否挂壁画、屋顶吊顶。HTML和CSS组合起来就可以构造一个非常漂亮网页了。

接下来我们先整体介绍一下html语言中有哪些常用的标签元素以及CSS中有哪些常用的属性以及这些属性如何与常用标签的匹配。

一、HTML常用的标签元素

1.1标签元素分类

按照html标签元素的特性，我们将它们分为三类：块级元素（Block-level Elements）、行内元素（Inline Elements）、混合元素（可作为块级或行内）。
下面一张表格对比这三者的区别，以及每个类型的代表标签元素。