html基础-图文列表、表格
16lz
2022-03-19
作业内容:1. 使用图片,链接,列表,写一个图文列表 2. 使用表格写一个课程表或商品表
作业一:图文列表
实例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><ahref="https://www.cnblogs.com/summit7ca/p/6944215.html"target="_blank">emmet学习</a><buttononclick="alert('提交成功')">获取邮箱</button><hr/><!--图片--><imgsrc="../0316/http.png"width="200px"height="100px"alt="haha"><hr/><!--链接--><ahref="https://www.php.cn/course/1382.html"target="_blank">19期的课程</a><hr/><!--列表--><ulstyle="display:flex;list-style:none;"><li><imgsrc="../0317/img/panda.jpeg"alt=""width="100px"height="100px"><p>http3</p></li><li><imgsrc="../0317/img/panda.jpeg"alt=""width="100px"height="100px"><p>http1</p></li><li><imgsrc="../0317/img/panda.jpeg"alt=""width="100px"height="100px"><p>http4</p></li><li><imgsrc="../0317/img/panda.jpeg"alt=""width="100px"height="100px"><p>http2</p></li></ul><!--有序列表ol无序列表ul--><nav><ahref=""><imgsrc="img/panda.jpeg"width="100px"height="100px"alt=""></a><ahref=""><imgsrc="img/panda.jpeg"width="100px"height="100px"alt=""></a><ahref=""><imgsrc="img/panda.jpeg"width="100px"height="100px"alt=""></a></nav></body></html>
作业二:课程表
实例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><divstyle="text-align:center;"><h2>小学生课程表</h2><!--<title>小学生课程表</title>--><tableborder="1"style="margin:0auto;"cellspacing='0'width='400px'><thead><th>时间</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></thead><tr><tdrowspan="4"bgcolor="lightgreen">上午</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><!--<td>数学</td>--><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><!--<td>数学</td>--><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><!--<td>数学</td>--><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><tdcolspan="6">中午休息</td></tr><tr><tdrowspan="4"bgcolor="lightgreen">下午</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><!--<td>数学</td>--><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><!--<td>数学</td>--><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><!--<td>数学</td>--><td>数学</td><td>数学</td><td>数学</td><td>数学</td><td>数学</td></tr><tr><tdbgcolor="gray">备注</td><tdcolspan="5"bgcolor="gray">写完作业才能回家</td></tr></table></div></body></html>
商品表:
更多相关文章
- 图文列表+课程表
- 1. 使用图片,链接,列表,写一个图文列表 2. 使用表格写一个课程表
- 12月22日课程表作业
- table课程表,用户注册模板,内联框架实现后台
- 表格与表单
- JS初识变量及函数学习
- 一个简易的课程表和注册表单
- 课程表(报名表)
- 表单提交与内联框架及列表集(内置课程表及表单提交示例)