HTML学习笔记2| 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的第2天
在青训营开营的这几天我开始学习HTML，整理一部分常用HTML标签的用法

表单标签

<form>标签

HTML<form>元素表示文档中得一个区域，此区域包含交互控件，用于向Web服务器提交信息。

<input>标签

<input>用来填写内容，常见类型:

• <input type="text">:创建基础得单行文本框。
• <input type="number">:用于让用户输入一个数字。
• <input type="email">:带有"email"（电子邮箱）类型标记的输入框元素(<input>)能够让用户输入或编辑一个电子邮箱地址。
• <input type="password">:<input>元素里有一种叫做"password"的值，给我们一个方法让用户更加安全的输入密码。

常见属性有:

• name：名称
• id：唯一ID
• maxlength：最大长度
• minlength:最小长度
• required:是否必填

<button> 标签

HTML <button>元素表示一个可点击的按钮，可以用在表单或文档其他需要使用简单标准按钮的地方。

列表标签

<ul>与<li>标签

HTML<ul>元素(或称HTML无序列表元素)表示一个内可含多个元素的无序列表或项目符号列表。
示例:

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

<ol>与<li>标签
HTML<ol>元素表示有序列表，通常渲染为一个带编号的列表。
示例:

<ol>
  <li>Fee</li>
  <li>Fi</li>
  <li>Fo</li>
  <li>Fum</li>
</ol>

表格标签

<table>标签

HTML的table元素表示表格数据——即通过二维数据表示的信息。

<thead>标签

HTML的<thead>元素定义了一组定义表格的列头的行。

<tbody>标签

HTML的<tbody>元素定义一组数据行。

<tr>标签

HTML的<tr>元素定义表格中的行。同一行可同时出现<td>和<th>元素。

<th>标签

HTML <th>元素定义表格内的表头单元格。

<td>标签

HTML <td> 元素 定义了一个包含数据的表格单元格。

至此，HTML标签的学习就差不多了，后面如果遇到更多的标签，可以参考官方文档
参考文档：MDN官方文档