根据 W3C 标准，一个网页主要由三部分组成：结构、表现还有行为。
结构：HTML用于描述页面的结构
表现：CSS用于控制页面中元素的样式
行为：JavaScript用于响应用户操作
W3C万维网联盟，专门为了定义网页相关的标准成立，定义了网页中的HTML、CSS、DOM、HTTP、XML等标准。
WHATWG网页超文本应用技术工作小组，是一个为推动HTML5标准而成立的组织。2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。
HTML(Hypertext Markup Language)超文本标记语言，使用标签的形式来标识网页中的不同组成部分。所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。
如何区分不同的HTML呢，使用文档声明
HTML5的文档声明：
<!DOCTYPE html>
HTML5引入原生多媒体支持，引入可编程内容，引入语义Web
I like <code>apples</code> and oranges.
上面的 <code>apples</code> 就是code元素，包括开始标签<code>、结束标签</code>和元素内容(apples)组成。
空元素
没有内容的元素称为空元素，如 <code></code> 。
空元素可以更简洁地只用一个标签表示，如 <code/> ，这被称为自闭和标签或自结束标签。
两种标签
<标签名 >标签内容 </ 标签名 >
<标签名 />
元素可以使用属性进行配置，属性只能用在开始标签或单个标签上，不能用于结束标签。
属性值可以使用单引号和双引号
一个元素可以配置多个属性
可以使用布尔属性
可以使用自定义属性
分为全局属性和专有属性
accesskey属性 设置快捷键
class属性 将元素规类
contenteditable属性 true
contextmenu属性 为元素设定快捷菜单
dir属性 rtl ltr
draggable属性
dropzone属性
hidden属性
id属性
lang属性
spellcheck属性
style属性
tabindex属性
title属性
外层结构
包含两个元素：DOCTYPE和html
<!DOCTYPE HTML> <html> <!-- elements go here --> </html>
元数据
包含在head元素内部，比如title元素
<!DOCTYPE HTML> <html> <head> <!-- metadata goes here --> <title>Example</title> </head> <body> <!-- Content and elements go here --> </body> </html>
父元素、子元素、后代元素和兄弟元素
原文：https://www.cnblogs.com/aidata/p/12246560.html