1、表格
要求:根据给出的效果图
用表格标签尽可能的还原。
实现的代码如下:![](https://i-blog.csdnimg.cn/blog_migrate/e417d7bcce1ed48c562665eb58101e2c.png)
最后效果图如下:
2.表单
要求:根据给出的效果图
用表单标签尽可能的还原。
实现的代码如下:
最后效果图如下:
![](https://i-blog.csdnimg.cn/blog_migrate/39f0ad245e894c2066e8259b87a50d29.png)
![](https://i-blog.csdnimg.cn/blog_migrate/388c439866ca5eb59f240c090777bf3b.png)
涉及知识点
1、表格标签(<table>、<tr>、<td>)、表格对齐、表格背景、表格填充和边距、表格的合并(单元格跨行rowspan、跨列colspan ,)
2、表单标签(<input>、<select>、<textarea>)、表格的修饰:cellspacing,cellpadding。文字的修饰:
3、input标签的type属性:
text | 单行文本框 |
password | 文本以密码形式体现 |
radio | 单选 |
checkbox | 多选 |
submit | 提交 |
reset | 重设 |
button | 普通按钮 |
image | 图像按钮 |
4、textarea标签
属性名称 | 属性作用 |
cols | 设定的多行文本框的宽度 |
rows | 设定的多行文本框的高度 |
5、select标签
属性名称 | 属性作用 |
option | 下拉框的选项 |
value | 选项的内容 |
name | 下拉框的名称 |
收获:表格和表单标签的认识和使用。