🗒️前端-阶段01-HTML-Day03
00 分钟
2024-6-24
2024-10-29
type
status
date
slug
summary
tags
category
icon
password

1 列表

1.1 无序列表

1.2 有序列表

1.3 定义列表

1.4 列表标签总结

标签名
功能和语义
属性
单标签/双标签
ul
无序列表包裹元素
双标签
ol
有序列表包裹元素
双标签
li
列表项
双标签
dl
定义列表包裹元素
双标签
dt
定义列表项标题
双标签
dd
定义列表项描述
双标签

注意:

💡
li 必须被 ul 或者 ol 直接包裹!

2 表格标签

2.1 表格的结构

2.2 表格整体样式设置

2.3 设置单元格宽高

给 td、th 设置 width 和 height 属性:
给 tr 和 td 设置 height 有什么区别:

2.4 设置单元格中内容对齐方式

设置单元格内容横向对齐方式:
设置单元格内容纵向对齐方式

2.5 单元格跨行和跨列(重要)

给 td、th 设置属性:

2.5 表格标签总结

标签名
功能和语义
属性
单标签还是双标签
table
表格包裹元素
width height cellspacing cellpadding border
双标签
caption
表格标题
双标签
thead
表格头
align valign
双标签
tbody
表格体
align valign
双标签
tfoot
表格脚
align valign
双标签
tr
height align valign
双标签
td
单元格
width height align valign colspan rowspan
双标签
th
表头单元格
width height align valign colspan rowspan
双标签

3 表单

3.1 表单总体设置

3.2 表单控件

① 文本输入框
② 密码输入框
③ 单选框
④ 复选框

⑤ 提交按钮

⑥ 重置按钮

⑦ 普通按钮

⑧ 文本域

⑨ 下拉选项

3.3 表单控件的属性

① name 属性

② value 属性

③ disabled 属性

 
 
上一篇
前端-阶段01-HTML-Day04
下一篇
前端-阶段01-HTML-Day01&Day02

评论
Loading...