1.知识点总结
(一)常见的标签：
1.有序列表o1:
type属性用来指定有序列表的序列类型
1 表示序号使用阿拉伯数字
a/A使用大小写字母做序号
使用大小写罗马数字做序号
2.无序列表u1：
type 列表前序号，square方形 disc 实心圆 默认圆
3.定义列表d1：
<d1>
<dt>标题</dt>
<dd>对标题的属性</dd>
</d1>
4.描述列表
(二)表格：
表格由
标签来定义
tr表示行
td表示列/单元格
border 表示表格边框
th 一般指表头（标签中内容会默认加粗并居中）
rrowspan合并行
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body>
<!--
表格中 tr 表示行 td 表示列/单元格
border 表格边框
width 宽度
cellspacing 单元格之间的空隙
cellpadding 单元格内边距/内填充
-->
<table border="1" width="800px" cellspacing="0" cellpadding="0">
<tr>
<!-- th标签中的内容 默认会加粗，居中显示 -->
<th>商品类目</th>
</tr>
<!-- 行 -->
<!-- 合并单元格
colspan 合并列
rowspan 合并行
-->
<tr>
<!-- 列/单元格 -->
<td rowspan="3">虚拟</td>
<td>移动</td>
<td>联通</td>
<td>小灵通</td>
</tr>
<tr>
<td>充值卡</td>
<td>彩票</td>
<td>双色球</td>
</tr>
<tr>
<td>梦幻</td>
<td>QQ</td>
<td>游戏币</td>
</tr>
<tr>
<td rowspan="3">护肤</td>
<td>美容护肤</td>
<td>美体</td>
<td>精油</td>
</tr>
<tr>
<td>彩妆</td>
<td>香水</td>
<td>美发</td>
</tr>
<tr>
<td>个人护理</td>
<td>保健</td>
<td>按摩器械</td>
</tr>
</table>
</body>
（三）表单
其中
<form name="表单名称" method="表单提交方式" action="规定当提交表单时向何处发送表单数据">
</form>
input 输入框 type用来指定其类型
文本框：<input type="text"/>
密码框：<input type="password"/>
颜色：<input type="color"/>
单选框：<input type="radio" name="gemder"/> <input type="radio" name="gemder" checked="checked"/>
多选框：<input type="checkbox" name="hobby"/> <input type="checkbox" name="hobby"/> <input type="checkbox" name="hobby" checked="checked"/>
下拉列表：<select> <option>青海省</option> <option selected="selected">西安省</option> <option>桑德省</option> </select>
文本域：
<input type="button" value="普通按钮" />
<input type="submit" value="提交按钮" />
<input type="reset" value="重置按钮" />
注：重置按钮时重置为初始状态，并不是清空。
2.心得体会
今天，老师教我们如何去做表格和表单，虽然自己做出来了老师布置的任务，但是我还是没能在老师规定的时内做出来。希望老师可以讲慢一点，感觉有点跟不上。
© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1
近期评论