TML:完成页面的内容展示

CSS：完成页面样式的控制，美化页面，完成页面的布局。

表单：用于采集用户输入的数据。用于和服务器进行交互。

form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)

属性：action:指定提交数据的url(指的就是把数据提交到哪里)

method:指定提交方式

分类：一共有7种，2种比较常用。

get:1.请求参数会在地址栏显示

2.请求参数的长度是有限制的。

3.请求不安全

post:1.请求参数不会在地址栏显示，会封装在请求体中。

2.请求参数的长度没有限制

3.较为安全

表单里面的数据要想被提交，必须指定它的name属性

表单项标签

input:可以通过type属性值，改变元素展示的样式。

type属性：text:文本输入框，默认值

placeholder:指定输入框的提示信息，当输入框的内容发生变化，会自动情况提示信息。

password:密码输入框

radio：1.单选框(要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样)

2.一般会给每一个单选框提供value属性，指定其被选中后提交的值。

3.checked属性可以指定默认值

checkbox:复选框:

1.一般会给每一个单选框提供value属性，指定其被选中后提交的值。

2.checked属性可以指定默认值

file:文件选择框

hidden:隐藏域，用于提交一些信息

按钮:

submit:提交按钮。可以提交表单

button:普通按钮

image:图片提交按钮

src属性指定图片的路径

label:指定输入项的文字描述信息

注意：lable的for属性一般会和input的id属性值对应。如果对应了，点击lable区域，会让input输入框获取焦点。

select:下拉列表

子元素：option,指定列表项

textarea:文本域

TML 的内容远不止 <div> 、<a>和 <p> 。如此多更复杂、更强大的标签，你可能从未使用过。具有从交互式图像到复杂的 UI 组件的有趣功能。

1.<progress>和<meter>

但是，接下来就是 meter -- 也被称为 progress 在横行：

2.<dfn>

dfn -- 用于我们将在页面中定义的任何内容：

3.<dialog>

原生 HTML 对话框！

4.<map>和<area>

们称这样的可点击图片为图像地图。

5.<bdo>

超级神秘的缩写在这里，它是做什么的？

6.<base>

<a> 使用页面的域名来获取他们将导航您的完整 URL：

但是，当你在 HTML 中创建一个基础的 <base> 会发生什么？

现在他们都使用 <base> 的 href 中的硬编码值来获取完整的 URL：

像 Angular 和 Flutter Web 这样的框架也在使用它：

7.<time>

对于日期和时间：

8.<hgroup>

<hgroup> 表示标题标签和下面的一些内容是相关的

9.<kbd>

代表键盘输入：

10.<cite>

表示书籍、歌曲、电影或其他创作作品的标题：

所以，这些是 HTML 中最不为人知和使用的 10 个标签。尽管使用率低，但在各种情况下都非常有用。