什么是HTML？
超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 摘自:百度百科
简短一点
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
我们将在本文中学习HTML语法… HTML的构建块称为元素，元素的构建块称为标记。当它们组合在一起时，就形成了一个网站——有点像原子和亚原子粒子（HTML元素当然与科学元素无关，只是我的一个奇怪的比喻）。我们开始吧！
HTML元素 (Elements)
现在，我将向你们展示一些代码，不要恐慌。你不必理解这一切意味着什么，我将在下面解释:
Blog Posts.
| Post number | Post Date | Post Name | Word count |
|---|---|---|---|
| #1 | 2019年01月24日(星期四) | Welcome to W3C前端开发! | 1373 |
看到了吗?你活下来了(我希望)。首先，不要担心这些意味着什么——我们现在只关心结构。 元素基本上是一些内容(文本)，由HTML标记包围(稍后我将详细介绍)。标签告诉浏览器里面有什么。例如，<h1>Blog Posts。</h1>告诉浏览器“Blog Posts”。是h1元素——标题的一种类型。您不需要记住这一点，我将在后面的文章中详细介绍。 元素引用内容和两个标签。这是一个元素的例子:
元素可以彼此嵌套。嵌套元素时，通常最好将元素放在新行上，并正确地缩进。也有一些例外，比如
请注意，将嵌套元素放在新行中并不是强制的，它们只是我们所谓的良好代码实践。好的代码实践有点像编程的礼仪。好的代码实践的目的是使您的代码更容易阅读，更容易让其他人理解(在大型项目中进行协作时，这一点尤为重要)。 另一个元素中的元素称为子元素。类似地，一个元素的周围元素称为它的父元素。在上面的例子中，<th>Post number</th>，是<tr>的子元素，tr>是<tbody>的子元素，<tbody>是<table>的子元素。我们可以把它表示为:
table > tbody > tr > th
注意，这不是代码。这是一种简单的可视化元素之间嵌套方式。
HTML标签（Tags）
如前所述，标签是围绕内容的代码位，例如:
...
标签总是包含<>中。
类型标签(Type tags)
标签分为两类:开始标签和结束标签。请看下面的例子: 
开始标签总是遵循<x>的基本模式，其中x是元素的类型(例如，<h1>)。开始标签也可以有属性(我们马上会讲到)。每个元素至少必须有一个开始标签。 结束标签是在元素内容之后出现的标签。它们总是遵循</x>的模式，其中x又是元素的类型。</h1>)。结束标签看起来总是一样的(当然元素名除外)，不能有属性。 如果元素中没有任何内容，它就不需要关闭标签。举个例子:
因为它没有内容(只有属性)，所以不需要</img>关闭标签。
属性（Attributes）
元素除了具有内容外，还可以具有属性。属性存储关于元素的其他数据，并存储在开始标签中。例如:
W3C前端开发
在这里，我们只知道它是一个<h1>元素。现在，当我们添加属性时是这样的:
W3C前端开发
现在我们知道了更多关于元素的信息。我们知道它是id和class(用于使用CSS对其进行样式化)，还知道在单击它时运行JavaScript函数titleClicked()(我们将在稍后详细讨论)。如您所见，属性可以告诉我们关于元素的更多信息。属性的语法是:
引号是非常重要的，所以不要忘记它们!还要注意等号两边都没有空格(但是属性之间必须有空格)。
结论
让我们把我们所知道的HTML标签和元素整合到这个图表中: 
唷。这可能有点令人困惑，但最终你会掌握它的窍门。如果你有什么不明白的地方，你可以在评论中问我。如果你喜欢这篇文章，不要忘记和你的朋友分享，下次我会讲到HTML网站的一般结构。
