No.1.2
列表标签
无序列表
标签名 说明
ul 表示无序列表的整体,用于包裹li标签
li 表示无序列表的每一项,用于包含每一行的内容
有序列表
标签名 说明
ol 表示有序列表的整体,用于包裹li标签
li 表示有序列表的每一项,用于包含每一行的内容
自定义列表
标签名 说明
dl 表示自定义列表的整体,用于包裹dt/dd标签
dt 表示自定义列表的主题
dd 表示自定义列表的针对主题的每一项内容
dd前会默认显示缩进效果
表格
标签名 说明
table 表格整体,可用于包裹多个tr
tr 表格每行,可用于包裹td
td 表格单元格,可用于包裹内容
标签的嵌套关系:table > tr > td
属性:
属性名 属性值 效果
border 数字 边框宽度
width 数字 表格宽度
height 数字 表格高度
表格标题和表头单元格标签
标签名 名称 说明
caption 表格大标题 表示表格整体大标题,默认在表格整体顶部居中位置显示
th 表头单元格 表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示
表格的结构标签
标签名 名称
thead 表格头部
tbody 表格主体
tfoot 表格底部
快捷键:Shift+Tab 往前缩进
快捷键:Tab 往后缩进
合并单元格
水平或者垂直多个单元格合并成一个单元格
跨行合并(rowspan)或跨列合并(colspan)
属性名 属性值 说明
rowspan 合并单元格个数 跨行合并,将多行的单元格垂直合并
colspan 合并单元格的个数 跨列合并,将多列的单元格水平合并
同结构标签才能合并,不能跨结构标签合并(不能跨:thead,tbody,tfoot)
表单标签
标签名:input
标签名 type属性值 说明
input text 文本框,用于输入单行文本
input password 密码框,用于输入密码
input radio 单选框,用于多选一
input checkbox 多选框,用于多选多
input file 文件选择,用于之后上传文件
input submit 提交按钮,用于提交
input reset 重置按钮,用于重置
input button 普通按钮,默认无功能,之后配和js添加功能
type属性值:text
常用属性:placeholder 占位符。提示用户输入内容的文本
type属性值:radio
常用属性:
属性名 说明
name 分组,有相同name属性值的单选框为一组,一组中同时只能有一个被选中
checked 默认选中
最新文章
- iOS-APNS证书申请与使用
- SQL Tuning 基础概述09 - SQL Access Advisor
- sentinel搭建redis集群经验总结
- centos 安装git server
- Java快速入门
- Android权限安全(9)Android权限特点及权限管理服务AppOps Service
- java中运算符——进度1
- spring 入门笔记(一)
- vim_编码配置文件_utf8乱码解决
- android 统计启动时长,标准
- python filter map reduce
- CodeForces - 766B Mahmoud and a Triangle
- brew本地安装包
- jenkins 修改log路径
- JDBC复习1
- js去掉前后空格
- Java学习笔记36(jdbc快速入门)
- SQL记录-PLSQL循环
- PHP将富文本内容去除各类样式图片等只保留txt文本内容(作用于SEO的description)
- Cattle学习笔记