学习HTML2021-07-19

列表标签

列表：布局
三类：无序列表（并列）√、有序列表、自定义列表

无序列表

< ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用< li>标签定义。
无序列表的基本语法格式如下:

有序列表

有序列表即为有排列顺字的列表，其各个列表项会按照一定的顺序排列定义。
在HTML标签中，< ol>标签用于定义有序列表，列表排序以数字来显示，并且使用< li>标签来定义列表项。

有序列表的基本语法格式如下:

自定义列表

在HTML标签中，< dl>标签用于定义描述列表(或定义列表），该标签会与< dt>(定义项目/名字)和< dd>(描述每一个项目/名字)一起使用。
其基本语法如下：

无序：<ul> <li></li>… </ul>
有序：<ol> <li></li>…</ol>
自定义：<dl> <dt></dt><dd></dd> </dl>

表单标签

表单：收集用户信息
表单包括：表单域< form>:把它范围内的表单元素信息提交给服务器，表单控件（表单元素）：< input type=””>和提示信息

< input>表单元素

1. name和value是每个表单元素都有的属性值主要给后台人员使用
2. name表单元素的名字,要求单选按钮和复选框要有相同的name值.
3. checked属性主要针对于单选按钮和复选框，主要作用一打开页面就要可以默认选中某个表单元素.

< label>标签为input元素定义标注（标签)。
< label>标签用于绑定一个表单元素当点击< label>标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上用来增加用户体验。
语法︰

核心: < label>标签的 for属性应当与相关元素的id属性相同。

< select>表单元素

在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用< select >标签控件定义下拉列表。
语法：

<input type=”” id=”xxx”>
<label for=”xxx”>
<select>（默认 selected）下拉
<option></option>
</select>

文本域

< textarea>< /textarea>
语法：

1．通过< textarea>标签可以轻松地创建多行文本输入框。
2. cols=“每行中的字符数”，rows=“显示的行数”，我们在实际开发中不会使用，都是用CSS来改变大小

ps:去掉空格