<!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>Document</title>
</head>
<body>
列表的使用1.无序列表使用的是ul:
<ul>
<li><a href="https://www.php.cn/"><img
src="https://img.php.cn/upload/aroundimg/000/000/068/62398180bdae8398.jpg" alt="PHPAPP下载"
width='300'></a></li>
<li><a href="https://www.php.cn/k.html"><img src="https://www.php.cn/static/k20/images/baoming@2x.png"
width="300" alt="php培训班"></a></li>
<li><a href="https://www.php.cn/course.html"><img
src="https://img.php.cn/upload/course/000/000/001/6296df1d179f3127.png" width="300" alt="培训视频"></a>
</li>
</ul>
2.有序列表的使用是ol:
<ol>
<li><a href="https://www.woyaogexing.com/"><img
src="https://img2.woyaogexing.com/2022/07/05/46a98256c8ac935e!400x400.jpg" width="80" alt="头像"></a>
</li>
<li><a href="https://www.woyaogexing.com/"><img
src="https://img2.woyaogexing.com/2022/07/05/f39dad5b4d98a792!400x400.jpg" width="80" alt="头像"></a>
</li>
<li><a href="https://www.woyaogexing.com/"><img
src="https://img2.woyaogexing.com/2022/07/05/ea7de049521e39d9!400x400.jpg" width="80" alt="头像"></a>
</li>
</ol>
</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>Document</title>
</head>
<body>
课程表代码
<table width="500" border="1">
<caption>课程表</caption>
<thead>
<tr>
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
<tbody>
<tr>
<!-- rowspan:一般使用在垂直平合并 -->
<td rowspan="3"> <center>上午</center></td>
<td>科学</td>
<td>语文</td>
<td>语文</td>
<td>数学</td>
<td>美术</td>
</tr>
<tr>
<td>英语</td>
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>美术</td>
</tr>
<tr>
<td>英语</td>
<td>数学</td>
<td>语文</td>
<td>体育</td>
<td>化学</td>
</tr>
<tr>
<!-- colspan;一般使用在水平合并 -->
<td colspan="6">
<center>中午休息</center>
</td>
</tr>
<tr>
<td rowspan="3"><center>下午</center></td>
<td>英语</td>
<td>数学</td>
<td>语文</td>
<td>体育</td>
<td>化学</td>
</tr>
<tr>
<td>体育</td>
<td>化学</td>
<td>英语</td>
<td>数学</td>
<td>化学</td>
</tr>
<tr>
<td>英语</td>
<td>数学</td>
<td>语文</td>
<td>体育</td>
<td>化学</td>
</tr>
</tbody>
</thead>
</table>
</body>
</html>
相关推荐
© 2020 asciim码
人生就是一场修行