列表标签

无序列表

<ul>

  • 定义列表的容器

  • 只能包含<li>元素

<li>

  • 定义列表的选项

  • 里面可以放其他html元素

描述列表

<dl>

  • 定义列表的容器

  • 只能包含<dt>和<dd>元素

<dt>

  • 定义被描述的术语

  • 通常显示为左对齐或加粗

  • 一个<dt>可以对应多个<dd>

<dd>

  • 包含术语的定义或描述

  • 通常显示为缩进形式

  • 可以包含段落、图片、链接等其他HTML元素

表格

标签

作用

<table>

表格容器标签

<tr>

行标签

<td>

单元格标签

<th>

表头单元格

表格结构标签：增强表格语义，让表格结构更加清晰

标签

作用

<thead>

定义表格的头部区域

<tbody>

定义表格的主体内容

<tfoot>

定义表格的底部区域

表单

表单容器

<form>：定义表单的容器，包裹所有表单控件，默认包含action属性

<form action=""></form>

表单控件

包含<input>通用输入控件，<textarea>:多行文本输入框，<select>:下拉选择框，<button>:自定义按钮等

表单控件-input

输入标签<input>是最常见的表单元素之一，它可以创建文本输入框、密码框、单选框、复选框等。

type属性定义了输入框的类型

<input type="text">

type属性值

说明

text

单行文本框

password

密码框

radio

单选框

checkbox

复选框

file

文件域

其他属性

说明

name

表单名称实现分组

value

表单值

checked

是否默认选中

表单控件-textarea

<textarea>HTML元素是一个多行纯文本编辑控件，适用于允许用户输入大量自由格式文本，例如评论或反馈表单

<textarea></textarea>

常见属性

说明

name

表单名称

placeholder

提示信息

rows

文本行数，正整数，默认为2

cols

文本列数，正整数，默认为20

辅助标签

<label>:关联输入控件的文本标签，提升可访问性（点击标签可聚焦输入框）更好的提高表单的用户体验

字符实体

字符实体是一段以连字符（&）开头、以分号（;）结尾的文本（字符串）。

常用于显示保留字符和不可见的字符（如“不换行空格”）

（如&的实体为&amp，解析为实体或字符引用的开头）