收藏
批改状态：合格
老师批语：下次记得格式化一下代码
作业:
1. 谈谈你对html标签, 元素与属性的理解, 并举例说明
标签值得是html语义化，例如<p></p>就是一对html标签，表示文字段落；
元素是html文档的基本组成，譬如 <html> 就是文档根元素；
属性指的是 html 元素带有的各种附加属性，例如 'href' 就是 <a>标签的属性，表示跳转的路径。
2. 列表有几种, 如何定义?
有三种，无序列表<ul>,有序列表<ol>,自定义列表<dl>
每种列表有自己的功能。
3. 列表与表格的区别与联系?什么时候用列表,什么时候用表格, 为什么?
html是一种语义化的语言，列表和表格各自代表各自的含义；
列表常用于导航，表格常用于单元格布局。
4. 编程实现,用列表制作你的工作计划,要求使用三种类型全部实现一次: <ul><ol><dl>
不会。
5. 编程实现一张商品清单, 使用表格实现,要求有行与列的合并,用到colspan, rowspan
<table border="1" width="400" cellspacing="0" cellpadding="0">
<caption>商品清单</caption>
<thead>
<td>编号</td>
<td>商品名</td>
<td>单价</td>
<td>数量</td>
<td>总价</td>
</thead>
<tr>
<td>1</td>
<td>阿迪达斯***</td>
<td>1000￥/双</td>
<td>50双</td>
<td>50*1000￥</td>
</tr>
<tr>
<td>2</td>
<td>阿迪达斯***</td>
<td>800￥/双</td>
<td>40双</td>
<td>40*1000￥</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;">合计</td>
<td>90双</td>
<td colspan="1">90*1000￥</td>
</tr>
</table>
6. 编程实一张注册表单, 要求使用到课堂上讲到全部控件,并掌握所有属性的使用场景与意义
<form action="zhuce.php" method="post">
<label for="name">用户名
<input type="text" name="name" placeholder="请输入用户名" id="name">
</label>
<label for="pwd">密码
<input type="password" name="pwd" placeholder="请输入密码" id="pwd">
</label>
<label for="pwdagin">确认密码
<input type="password" name="pwdagin" placeholder="请确认密码" id="pwdagin">
</label>
<label for="age">年龄
<input type="number" name="age" id="age">
</label>
<label>课程
<select>
<optgroup>
<option>html</option>
<option>css<ption>
<option>js</option>
</optgroup>
<optgroup>
<option>php</option>
<option>Java</option>
<option>mysql</option>
</optgroup>
</select>
</label>
<label>爱好
<input type="checkbox" name="habby[]" id="game"><label for="game">游戏</label>
<input type="checkbox" name="habby[]" id="sport"><label for="sport">运动</label>
<input type="checkbox" name="habby[]" id="read"><label for="read">阅读</label>
</label>
<label for="sex">性别
<label for="male"><input type="radio" name="sex" id="male">男性</label>
<label for="female"><input type="radio" name="sex" id="female">女性</label>
<label for="other"><input type="radio" name="sex" id="other">其他</label>
</label>
<input type="submit">
<input type="reset" name="" value="重置">
<button>提交</button>
</form>
7. 写出总结, 对于这些常用标签的应用场景进行分析
语义化，具体问题具体分析。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
