女友学习前端第二天-笔记
2024/10/8笔记
表格
table 表格
tr 行
td 单元格内容
th 表头 第一行相当于h1
align=left /center /right 对齐方式 应在table边上
比如<table align=left>
border 代表边框 也应在table边上
比如<table align=left border="1">
cellpadding 单元外框与文字的距离
cellspacing 每个单元格之间的距离
width 宽度 height 高度
四者都在table边上
thead 表头包含 tr
tbady 主体 包含 td
rowspan 跨行合并
colspan 跨列合并
比如<td colspan="2"></td>
无序列表
- 整体 里面只能放li 无顺序
- 列表项123...包含所有元素
有序列表
- 整体 里面只能放li 有顺序
- 列表项123...包含所有元素
自定义列表
<dl>定义列表或定义描述列数
<dt>名词1（项目名字）
<dd>名词1的解释1（说明/描述）
<dd>名词1的解释2
表单
表单域+表单元素+提示信息
比如
用户名:<input type="text" / ><br />
表单域
包含表单元素的区域
表单元素
(单标签) 用于收集用户信息 其包含属性type（多属性）
比如
type属性词描述
button 点击按钮 普通按钮
checkbox 复选框 可以重复多选 （起相同的名字 name=）
file 上传文件
hidden 隐藏的输入字段
image 图像形式提交
password 密码（隐藏）
radio 单选按钮 可以实现多选一 （起相同的名字 name=）
reset 重置按钮可以还原默认状态
submit 提交按钮 value值可以改内容
text 文本
(单标签)还有其他属性
name 定义input元素的名称
value 显示默认出来的字 比如value=请输入用户名
单选和复选都应该有相同的name值
checked 默认选中某个表单元素
maxlength 字符长度
比如<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
实例<label for=text>用户名：
</label><input type="text" id="text" />
select下拉表单元素
<select>
<option>文字</option>
<option>文字</option>
<option>文字</option>
</select>
在定义selected=selected文字
textarea文本域表单元素cols字符 rows行
今日反馈：<textarea cols=5 rows=5 >文本</textarea>