一、 前言
本文全面介绍了html的定义、使用和具体常用标签。
参考资料：菜鸟教程
二、定义
html是HyperText Markup Language的简称，也就是超文本标记语言的缩写。通过html标签包裹字符串，就可以交给浏览器解析，形成丰富多彩的网页。
html 是一种标记语言，不是编程语言，写错了也不会报错，只会当成字符串解析。一共经历了以下版本：
| 版本 | 发布时间 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
html主要作用是定义网页上要显示的元素。之后的CSS（层叠样式表）定义的元素显示的样式，Javascript脚本语言定义了元素的动态效果和用户交互。
三、html文档基本结构
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
第一行为声明html版本，因此，一般会把形如<!DOCTYPE html>放在html文档开头申明版本，<!DOCTYPE html>为html5 版本。目前主流为支持html5.当然html5的显示效果也是最好的。
<html></html>代表文档主题，写在中间的内容会交给浏览器解析。
<head></head>代表文档属性，写在中间的内容主要是声明文档属性，引入外部文件等。
<body></body>代表网页中要显示的元素，如文字，图片，超链接，音频，视频，窗口等等等。
<></> html 中多数标签有开头尖括号开始，结尾尖括号结束。中间可嵌套其他html元素。所以正确的结束html标签是十分重要的。有些标签如<img>等，不写结尾也无问题， 但是为了一致性，建议写上，如<img/>
当标签中间无内容时，会自动关闭。不会显示在页面上。
<a href=‘www.baidu.com‘>test</a> 开始便签中可以设置标签属性，以属性名=‘属性值’的键值对形式，有内置的属性，也可以自定义属性。
所有标签均为小写。
四、基本标签、标签属性与功能
建议每一个试一下
<!DOCTYPE html> ??????????定义html版本
<html></html> ????????????定义文档
<head></head> ????????????定义文档头部信息
<title></title> ??????????定义网页头部标签显示文字
<style></style> ??????????定义样式
<meta></meta> ????????????定义关键词，网页面试，作者，修改时间，等等
<link> ???????????????????引入网页图标，外部css文件
<script>,</script> ???????定义脚本
??????????????
<base> ???????????????????定义所有超链接默认连接
<body></body> ????????????定义文档主体
<h1></h1> ~<h6></h6> ?????标题，包裹内容会以加黑加粗不同大小的标题格式显示，h1最大。
<hr> ?????????????????????水平线，标签在 HTML 页面中创建水平线。
<!-- 这是一个注释 --> ??????创建注释，不会显示
<p>这是一个段落 </p> ???????段落，独占一行
<br /> ???????????????????换行
<b> </b> ?????????????????加粗
<sub></sub> ??????????????上标
<sup></sup> ??????????????下标
<i></i> ??????????????????斜体
<a href="url">链接文本</a> 超链接
<img> ????????????????????图像
<table> ??????????????????表格
<thead></thead>
<tr>
<td></td>
</tr>
<tbody></tbody>
</table> ??????????????
<ul> ?????????????????????无序列表
???<li></li>
</ul>
<ol> ?????????????????????有序列表
???<li></li>
</ol>
<div></div> ??????????????块状标签（占一块）
<span></span> ????????????内联（在一行）
<form></form> ????????????表单
<input type="text" name="firstname"> 输入框
<input type="text"> ??????文本框
<input type="password"> ??密码框
<input type="radio"> ?????单选框
<input type="checkbox"> ??多选框
<input type="submit"> ????提交按钮
<textarea> ???????????????长文本
<select> ?????????????????下拉菜单
<option> ?????????????????下拉菜单选项
<button> ?????????????????按钮
<iframe src="URL"></iframe> 框架
字符实体 ???????????????????用以代替特殊字符，常用的有
空格 < ?< ??> >
颜色 ???????????????????有命名，rgb模式，十六进制表示。
???????????????????
五、小结
学习html 首先需要理解文档结构，其次熟记每个标签含义，最后深入记住每个标签属性。
最快的方法就是实践上手写网页。
html 知识整理
原文地址：https://www.cnblogs.com/xinghuaikang/p/8588906.html