列表
作用：布局内容排序整齐的区域。
列表分类：无序列表、有序链表、定义列表
无序列表
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>
<h1>h1</h1>
</li>
</ul>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- ul>li*4>a -->
<h4>友情链接</h4>
<ul>
<li><a href="https://www.hayaizo.cn">Hayaizo</a></li>
<li><a href="https://www.souhu.com">搜狐</a></li>
<li><a href="https://www.sina.com">新浪</a></li>
<li><a href="https://www.163.com">网易</a></li>
</ul>
</body>
</html>
有序列表
<ol>
<li></li>
</ol>
自定义列表
dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情。
表格
| 标签名 | 说明 |
|---|---|
| table | 表格 |
| tr | table row 行 |
| th | table head 表头 |
| td | table data 内容 |
<table border="1">
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>总分</th>
</tr>
<tr>
<td>张三</td>
<td>99</td>
<td>100</td>
<td>99</td>
</tr>
<tr>
<td>李四</td>
<td>99</td>
<td>100</td>
<td>99</td>
</tr>
</table>
表格结构标签
| 标签名 | 含义 | 说明 |
|---|---|---|
| thead | 表格头部 | 表格头部内容 |
| tbody | 表格主体 | 主要内容区域 |
| tfoot | 表格底部 | 汇总信息区域 |
合并单元格
rowspan：跨行合并
colspan：跨列合并
input标签基本使用
input标签type属性值不同，功能不同
| type | 说明 |
|---|---|
| text | 文本 |
| password | 密码框 |
| radio | 单选框 |
| checkbox | 多选框 |
| file | 上传文件 |
input需要绑定name才可以进行单选，name相同的只能选一个
input标签占位符
placeholder
账号：<input type="text" placeholder="请输入账号"> <br>
密码：<input type="password" placeholder="请输入密码"> <br>
性别：<input type="radio" name="sex" checked>男
<input type="radio" name="sex">女
上传文件
默认情况下，文件上传表单控件只能上传一个文件，可以添加multiple属性实现多文件上传
下拉框
<select>
<option selected>北京</option>
<option selected>武汉</option>
<option selected>长沙</option>
</select>
文本域
<textarea rows="10" cols="20">评论区</textarea>
lable标签-增大范围
按钮 - button
| type属性值 | 说明 |
|---|---|
| submit | 提交按钮 |
| reset | 重置按钮 |
| button | 普通按钮 |
无语义的布局标签
-
布局网页（划分网页区域，摆放内容）
-
div：独占一行
-
span：不换行
-
有语义的布局标签
| 标签名 | 语义 |
|---|---|
| header | 网页头部 |
| nav | 网页导航 |
| footer | 网页底部 |
| aside | 网页侧边栏 |
| section | 网页区块 |
| article | 网页文章 |
字符实体
在网页中显示预留字符
| 显示结果 | 描述 | 实体名称 |
|---|---|---|
| 空格 | | |
| < | 小于 | < |
| > | 大于 | > |
8554
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
