效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图文列表</title></head><body><nav style="display: grid; list-style: none"><li class="item"><a href=""><img src="../pic/baidu.png" alt="" width="400px"></a><a href="http://baidu.com">点击跳转百度</a></li> <li class="item"><a href=""><img src="../pic/bing.jpg" alt="" width="400px"></a><a href="http://bing.com">点击跳转必应</a></li> <li class="item"><a href=""><img src="../pic/1.jpg" alt="" width="300px"><a href="">汤姆</a></a></li> </nav></body></html>
效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>课程表</title></head><body><table border="2" width="400px"><caption>402班课程表</caption><thead ><tr><th></th><th style="color: greenyellow;background:black">星期一</th><th style="color: greenyellow;background:black">星期二</th><th style="color: greenyellow;background:black">星期三</th><th style="color: greenyellow;background:black">星期四</th><th style="color: greenyellow;background:black">星期五</th><th style="color: greenyellow;background:black">星期六</th><th style="color: greenyellow;background:black">星期天</th></tr></thead><tbody><tr><td style="color: black; background: cadetblue;">1</td><td>语文</td><td>英语</td><td>数学</td><td>英语</td><td>语文</td><td>数学</td><td>书法</td></tr><tr><td style="color: black; background: cadetblue;">2</td><td>英语</td><td>体育</td><td>数学</td><td>英语</td><td>数学</td><td>数学</td><td rowspan="2" bgcolor="cyed">兴趣小组</td><!-- <td></td> --></tr><tr><td style="color: black; background: cadetblue;">3</td><td>语文</td><td>语文</td><td>数学</td><td>音乐</td><td>语文</td><td>数学</td><!-- <td></td> --></tr><tr><td style="color: black; background: cadetblue;">4</td><td>数学</td><td>语文</td><td>语文</td><td>美术</td><td>英语</td><td>语文</td><td>阅读</td></tr><tr><td style="color: black; background: cadetblue;">5</td><td colspan="5" bgcolor="teal">作业课程</td><!-- <td></td><td></td><td></td><td></td> --><td>英语</td><td>周训</td></tr><tr><td style="color: black; background: cadetblue;">6</td><td colspan="7" bgcolor="aqua">午休</td><!-- <td></td><td></td><td></td><td></td><td></td><td></td> --></tr><tr><td style="color: black; background: cadetblue;">7</td><td>舞蹈</td><td>美术</td><td>舞蹈</td><td>数学</td><td>科学</td><td>语文</td><td rowspan="6" bgcolor="cyed">周末</td></tr><tr><td style="color: black; background: cadetblue;">8</td><td>科学</td><td>语文</td><td rowspan="2" bgcolor="cyed">兴趣小组</td><td>社会</td><td>舞蹈</td><td>音乐</td><!-- <td></td> --></tr><tr><td style="color: black; background: cadetblue;">9</td><td>体育</td><td>英语</td><!-- <td></td> --><td>语文</td><td>语文</td><td>英语</td><!-- <td></td> --></tr><tr><td style="color: black; background: cadetblue;">10</td><td>班会</td><td rowspan="2" bgcolor="aqua">文化餐</td><td>社会</td><td colspan="3" bgcolor="aqua">文化餐</td><!-- <td></td><td></td> --><!-- <td></td> --></tr><tr><td style="color: black; background: cadetblue;">11</td><td>数学</td><!-- <td></td> --><td>语文</td><td>英语</td><td>语文</td><td>语文</td><!-- <td></td> --></tr><tr><td style="color: black; background: cadetblue;">12</td><td>语文</td><td>英语</td><td>语文</td><td>数学</td><td>英语</td><td>英语</td><!-- <td></td> --></tr></tbody></table></body></html>
相关推荐
