JavaWeb ：html语言
HTML学习网站
HTML
所谓前端开发，其实是网页开发，也称为网页制作。在前端开发过程中，需要综合使用多种技术，HTML就是其中一种。下面简单介绍一下HTML语言。
HTML概述
HTML(Hypertext Markup Language，超文本标记语言)：是一种文本类、解释执行的标记语言，即超出文本的范畴，所有的操作都是通过标签实现的。它具有平台无关性，通过提供的HTML标签来组织网页内容，构建网页结构。
HTML页面结构
总体上可分为以下几部分：
1.文档类型声明
2.HTML页面实际部分
<%--< !DOCTYPE >标签声明文档类型--%> <%--标识--%>
<%--...标签作为头部区域，定义网页相关信息--%> <%--标签定义文档的元数据--%>HTML标签
HTML标签，也称为HTML元素，用于构建网页结构。
书写格式：
1.<标签名 属性1=“值1” 属性2=“值2”…>…
2. <标签名 属性1="值1"属性2=“值2”…/>
HTML属性表示标签所具有的一些特性。比如标签的形状、颜色、用途等特性。另外，标签与标签之间存在嵌套(包含)和并列(同级)两种关系。
文本标签
p标签
p标签用于设置一段格式上统一的文本。
书写格式：
…
…
br标签
br标签是一个单标签，不需要设置任何属性。其作用在页面上产生换行效果。
书写格式：
或
标题字标签
下面对标题字标签简单演示一下，如图：
这是一级标题，中设置
这是三级标题，右设置 这是六级标题，默认值
strong标签
strong标签修饰文本加粗显示。
书写格式：
...
em标签
em标签具有倾斜效果。
书写格式：
...
mark标签
mark标签用于定义带记号的文本，其作用为突出显示文本内容。
书写格式：
...
time标签
time标签用于定义时间或日期。
书写格式：
datetime属性：用于定义相应的时间或日期。 pubdate可选属性：添加可以搜索浏览器方便识别出该日期是文章、新闻的发表日期
span标签
span标签修饰标签，用来给机器识别的，便于搜索引擎，爬虫解析。
网页添加空格
书写格式：
下面对文本标签简单演示，如图：
啊Q老师 正在学习 HTML语言
学习了 HTML概述、页面结构和文本标签
文档结构标签
section标签
section标签用于对页面的某块内容进行分块，如将文章划分不同的章节。
书写格式：
article标签
article标签用于表示独立完整的内容块。如一篇博客文章、一则新闻等。
书写格式：
nav标签
nav标签用于定义页面上的各种导航条。
书写格式：
ol标签
ol标签表示有序列表范围，在ol中有属性type：1(默认)，a，i .
书写格式：
- ...
ul标签
ul标签表示无序列表的范围，在ul中有属性type：空心圆circle，实心圆disc（默认），实心方块square.
书写格式：
- ...
main标签
main标签用于定义页面的主体内容。
书写格式：
aside标签
aside标签用于定义页面或文章的附属信息。如内容的引用、侧边栏等
书写格式：
下面对文档结构标签简单演示，如图：
HTML语言
文档结构标签的学习
section标签用于对页面的某块内容进行分块
表格标签
table标签定义表格用来展示数据，但不支持数学计算。其中，包括行、列、单元格、表头等元素。
书写格式：
1.tr标签表示表格的一行，tr是table row的简称。
2.td标签表示表格的单元格，td是table datacell的简称。
3.th标签表示表格的表头，即单元格的字体加粗并居中，th是table heading的简称。
4.caption标签表示表格的标题。表格标题默认位于表格的第一行居中显示。
表格默认是没有边框的。若对表格进行修饰，需要使用表格的标签属性。
table标签的属性：
border：设置表格边框宽度，单位是像素(px)。
其中，设置边框需要利用CSS的border-collapse 属性，border-collapse 是“边框塌陷”的意思，当属性值为 collapse 时，可以使表格的双边框变为单边框。
td标签的属性：
rowspan：表示跨行合并。rowspan 表明单元格所要跨越的行数。
colspan：表示跨列合并。colspan表明单元格所要跨越的列数。
书写格式：
| 单元格内容 | 单元格内容 | ||
| 表头1 | 表头2 | 表头1 | 表头2 |
|---|---|---|---|
| 第一行 | 单元格1 | 单元格2 | 单元格3 |
| 第二行 | 单元格1 | 单元格2 | |
| 单元格1 | 单元格2 | 单元格3 | |
表单标签
form标签表示定义表单，用来收集用户信息，然后将其发送到后端应用程序，后端应用程序(Java/Python等)将根据定义好的业务逻辑对表单中的数据进行处理。
书写格式：
enctype属性(一般不需要)：文件上传时需才要使用。 action属性：指明表单提交到目标网页 method属性：表示提交数据的方式，有以下两种方式： 1.get(默认)：请求地址栏会携带提交的数据，不安全。 2.post值：数据会传送到后台，不显示在地址栏中，相对安全。表单控件
：定义输入框，提交信息大部分需要有name属性，type属性有以下几种常用的值： 1.text：文本输入 2.password：密码输入 3.radio：单选输入,单选或多选默认选中的属性：checked=“checked” 4.checked：多选输入,单选或者多选中name属性值必须相同 5.file：文件输入(文件上传) 6.submit：提交按钮 7.image：图片提交，