HTML
一、HTML简介
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
二、HTML语言特点
1、简易性： 超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性： 超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言， 采取子类元素的方式，为系统扩展带来保证。
3、平台无关性： 虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言， 可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性： 另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立 文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑 或浏览器。
三、HTML常用标签
1、基础
标签 | 描述 |
<!DOCTYPE> | 定义文档类型。 |
< html > | 定义一个 HTML 文档。 |
< title > | 为文档定义一个标题。 |
< body > | 定义文档的主体。 |
< h1 > to < h6 > | 定义 HTML 标题。 |
< p > | 定义一个段落。 |
< br > | 定义简单的折行。 |
< hr > | 定义水平线。 |
< !–…-- > | 定义一个注释 |
2、格式
标签 | 描述 |
< acronym > | HTML5不再支持。 定义只取首字母的缩写。 |
< abbr > | 定义一个缩写。 |
< address > | 定义文档作者或拥有者的联系信息。 |
< b > | 定义粗体文本。 |
< bdi > New | 允许您设置一段文本，使其脱离其父元素的文本方向设置。 |
< bdo > | 定义文本的方向。 |
< big > | HTML5不再支持。 定义大号文本。 |
< blockquote > | 定义块引用。 |
< center > | HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。 |
< cite > | 定义引用(citation)。 |
< code > | 定义计算机代码文本。 |
< del > | 定义被删除文本。 |
< dfn > | 定义定义项目。 |
< em > | 定义强调文本。 |
< font > | HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色 |
< i > | 定义斜体文本。 |
< ins > | 定义被插入文本。 |
< kbd > | 定义键盘文本。 |
< mark > New | 定义带有记号的文本。 |
< meter >New | 定义度量衡。仅用于已知最大和最小值的度量。 |
< pre > | 定义预格式文本 |
< progress >New | 定义运行中的任务进度（进程）。 |
< q > | 定义短的引用。 |
< rp > New | 定义不支持 ruby 元素的浏览器所显示的内容。 |
< rt > New | 定义字符（中文注音或字符）的解释或发音。 |
< ruby > New | 定义 ruby 注释（中文注音或字符）。 |
< s > | 定义加删除线的文本。 |
< samp > | 定义计算机代码样本。 |
< small > | 定义小号文本。 |
< strike > | HTML5不再支持。 HTML 4.01 已废弃。 定义加删除线的文本。 |
< strong > | 定义语气更为强烈的强调文本。 |
< sub > | 定义下标文本。 |
< sup > | 定义上标文本。 |
< time > New | 定义一个日期/时间 |
< tt > | HTML5不再支持。 定义打字机文本。 |
< u > | 定义下划线文本。 |
< var > | 定义文本的变量部分。 |
< wbr > New | 规定在文本中的何处适合添加换行符。 |
3、表单
标签 | 描述 |
< form > | 定义一个 HTML 表单，用于用户输入。 |
< input > | 定义一个输入控件 |
< textarea > | 定义多行的文本输入控件。 |
< button > | 定义按钮。 |
< select > | 定义选择列表（下拉列表）。 |
< optgroup > | 定义选择列表中相关选项的组合。 |
< option > | 定义选择列表中的选项。 |
< label > | 定义 input 元素的标注。 |
< fieldset > | 定义围绕表单中元素的边框。 |
< legend > | 定义 fieldset 元素的标题。 |
< datalist >New | 规定了 input 元素可能的选项列表。 |
< keygen >New | 规定用于表单的密钥对生成器字段。 |
< output >New | 定义一个计算的结果 |
4、框架
标签 | 描述 |
< frame > | HTML5不再支持。 定义框架集的窗口或框架。 |
< frameset > | HTML5不再支持。定义框架集。 |
< noframes > | HTML5不再支持。 定义针对不支持框架的用户的替代内容。 |
< iframe > | 定义内联框架。 |
5、图像
标签 | 描述 |
< img > | 定义图像。 |
< map > | 定义图像映射。 |
< area > | 定义图像地图内部的区域。 |
< canvas >New | 通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。 |
< figcaption >New | 定义一个 caption for a < figure > element |
< figure >New | figure 标签用于对元素进行组合。 |
6、视频/音频
标签 | 描述 |
< audio >New | 定义声音，比如音乐或其他音频流。 |
< source >New | 定义media元素 ( 和 )的媒体资源。media |
< track >New | 为媒体( 和 )元素定义外部文本轨道。 |
< video >New | 定义一个音频或者视频 |
7、链接
标签 | 描述 |
< a > | 定义一个链接 |
< link > | 定义文档与外部资源的关系。 |
< main > | 定义文档的主体部分。 |
< nav >New | 定义导航链接 |
8、列表
标签 | 描述 |
< ul > | 定义一个无序列表 |
< ol > | 定义一个有序列表 |
< li > | 定义一个列表项 |
< dir > | HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。 |
< dl > | 定义一个定义列表 |
< dt > | 定义一个定义定义列表中的项目。 |
< dd > | 定义定义列表中项目的描述。 |
< menu > | 定义菜单列表。 |
< command >New | 定义用户可能调用的命令（比如单选按钮、复选框或按钮）。 |
9、表格
标签 | 描述 |
< table > | 定义一个表格 |
< caption > | 定义表格标题。 |
< th > | 定义表格中的表头单元格。 |
< tr > | 定义表格中的行。 |
< td > | 定义表格中的单元。 |
< thead > | 定义表格中的表头内容。 |
< tbody > | 定义表格中的主体内容。 |
< tfoot > | 定义表格中的表注内容（脚注）。 |
< col > | 定义表格中一个或多个列的属性值。 |
< colgroup > | 定义表格中供格式化的列组。 |
10、样式/节
标签 | 描述 |
< style > | 定义文档的样式信息。 |
< div > | 定义文档中的节。 |
< span > | 定义文档中的节。 |
< header >New | 定义一个文档头部部分 |
< footer >New | 定义一个文档底部 |
< section >New | 定义了文档的某个区域 |
< article >New | 定义一个文章内容 |
< aside >New | 定义其所处内容之外的内容。 |
< details >New | 定义了用户可见的或者隐藏的需求的补充细节。 |
< dialog >New | 定义一个对话框或者窗口 |
< summary >New | 定义一个可见的标题。 当用户点击标题时会显示出详细信息。 |
11、元信息
标签 | 描述 |
< head > | 定义关于文档的信息 |
< meta > | 定义关于 HTML 文档的元信息。 |
< base > | 定义页面中所有链接的默认地址或默认目标。 |
< basefont > | HTML5不再支持。 HTML 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。 |
12、程序
标签 | 描述 |
< script > | 定义客户端脚本。 |
< noscript > | 定义针对不支持客户端脚本的用户的替代内容。 |
< applet > | HTML5不再支持。 HTML 4.01 已废弃。 定义嵌入的 applet。 |
< embed >New | 定义了一个容器，用来嵌入外部应用或者互动程序（插件）。 |
< object > | 定义嵌入的对象。 |
< param > | 定义对象的参数。 |
总结：
今天开始，正式进入Java WEB的阶段，WEB就离不开页面的交互，能够用我们的眼睛可以直观地看到，WEB大部分会用在前端的技术栈当中，在前端的这部分叫WEB全栈，它的结构是：PHP+Apache+MySQL+Linux，那么后端如何交互呢？这就需要引入今天的话题—Java WEB。
其实在我看来WEB全栈的结构是通用的，为什么呢？因为编程语言的不同，导致所学的知识点不同！就比如：前端的WEB全栈使用的是PHP语言。众所周知，PHP语言与HTML语言可以完美的嵌套结合！那Java语言也有与之相匹配的与页面交互的技术，就是后续学习的JSP技术，它可以在页面中写Java代码！至于MySQL都是用来存储数据的！Linux都是用来当服务器使用的！在Java当中有很多的中间件和插件都是Apache旗下的，这点需要了解即可！
HTML对于后端开发来说可以不需要深入的了解，但是基本的语法还是要去了解的！虽然说以后的基本工作是写后端的逻辑代码！但是如果是维护一些JSP项目，还必须得使用HTML的标签和代码。因此还是要认真的去看一看的。
如果本篇博客对大家有帮助，希望大家能够点赞、关注！在此先谢过各位小伙伴了！
最后，愿我们都能在各行各业中能够取得不同的成就，不负亲人、朋友、老师、长辈和国家的期望！能够用自身的所学知识为国家贡献出自己的一份力量！一起加油！
2021年6月13日夜
