什么是HTML

定义：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

理解一下这个名字——【超文本标记语言】，分一下关键词，我们可以得到：

【超文本】：字面上理解就是超越文本，也就是不止是文本，还有图片、视频啥的。

【标记】：对各种各样的内容打上标签，让人们可以清楚的知道哪一块是什么内容。

【语言】：就是语言，我也不知道咋解释了，和什么C语言，java语言一样

什么是CSS

定义：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。

简单一点来说，就是为了让HTML更加好看的语言。

HTML 和 CSS的关系

这里就不去找网上各种复杂的说明了，对于初学者而言，简单理解一下就是，HTML是布，可以围在身上遮羞和保暖，但是并不美观，和原始人一样，然后来到了现代社会以后，人们有了对美的需求，所以就需要好看的衣服，那么

CSS就应运而生了。借用上面的例子，有了CSS以后，程序猿们就可以用CSS将HTML这块布做成各式各样好看的衣服。

来看第一个HTML

所有的html应该放在后缀名为.html的页面中

然后就浏览器中运行

空空如也，啥玩意也没有，因为我们还没有写什么东西，现在我们来写第一行HTML

在浏览器中查看一下

我们来看看上面这行代码是啥意思？一眼可见，上面的代码是由两个h1包着一个HelloWorld。

但是我们在浏览器中查看的时候为啥没看到h1呢？

因为这个h1就是我们在上面说的“对各种各样的内容打上标签”的标签，一个html基本上是由各式各样的标签组合而成的，而标签的格式就是这样子的

标签>

由一个开始标签和一个结束标签组成，开始标签就是一对尖括号加上标签名组成，结束标签就是尖括号加上斜杠+标签名组成。在浏览器中查看的时候，浏览器会把html标签内的容容渲染成对应样式的内容，所以在浏览器中就看不到

h1 了。

对于不同的内容，就用不同的标签加以标记，就成了最开始说的超文本标记了。

来看看一个完整的html页面

刚才我们看到的只是一个单一的html代码，但是对于一个完整的html页面，是由各种各样的html代码拼接成。那么，为了规范这些乱起八糟的代码，对于完整的html页面，就有一些特定的格式。

我们先来看下面的一些代码

 
 
 
 
 
这是第一个html页面

 

对于一个html页面，最外层用一个标签来标记一下内容是一个html页面，在里面又有两个标签分别是

在的中用来记录一些这个页面的相关信息，比如这个页面的标题是啥，关键词是啥，编码方式是啥之类的信息。

在中就是我们编写的各种各样的html标签