html常用语法

一、无序列表

ul li

**注意事项:**ul下面不可以嵌套其他标签,li下可以

二、有序列表

ol li

注意事项同无序列表

三、自定义列表

dd dt

注意事项同无序列表

四 、表格

table

tr:行

th:表头

td:内容

4.1合并单元格

步骤

1.明确合并的目标

2.保留最左上的单元格,添加属性,取值是数字,表示要合并的单元格数量

rowspan:跨行,保留最上

colspan:跨列,保留最左

3.删除其他单元格

五、input标签

type属性

text:文本框,不可换行

password:密码框

radio:单选框

checkbox:多选框

file:上传文件
提示信息:placeholder
单选框需要使用name属性,例如性别:gender

默认选中:checked

六、下拉菜单

select嵌套option

默认选中:selected

七、文本域

textarea

可多行输入,大小由css控制,可放大缩小功能一般禁用

八、label标签

用label标签绑定文字和表单控件的关系,增大表单控件的点击范围

例如

<label><input type="radio" name="gender">女</label>

九、按钮

button

type属性值

submit:提交按钮,点击后提交数据到后台(默认)

reset:重置按钮,点击后将表单控件恢复到默认值

button:普通按钮,结合js使用

十、盒子标签

div:换行时使用

span:不换行使用

相关推荐
V***u45320 小时前
【学术会议论文投稿】Spring Boot实战:零基础打造你的Web应用新纪元
前端·spring boot·后端
i听风逝夜21 小时前
Web 3D地球实时统计访问来源
前端·后端
iMonster21 小时前
React 组件的组合模式之道 (Composition Pattern)
前端
呐呐呐呐呢21 小时前
antd渐变色边框按钮
前端
元直数字电路验证1 天前
Jakarta EE Web 聊天室技术梳理
前端
wadesir1 天前
Nginx配置文件CPU优化(从零开始提升Web服务器性能)
服务器·前端·nginx
牧码岛1 天前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
灵犀坠1 天前
前端面试八股复习心得
开发语言·前端·javascript
9***Y481 天前
前端动画性能优化
前端
网络点点滴1 天前
Vue3嵌套路由
前端·javascript·vue.js