图文列表
!
代码:
<ul style="list-style-type: none;">
<li>
<img src="https://img01.sogoucdn.com/net/a/04/link?appid=122&url=https%3A%2F%2Fi03piccdn.sogoucdn.com%2F36ca2805fe4ccdc4" alt="" width="100px";height="100PX;"
></li>
<h1>美女</h1>
<li>
<img src="https://img01.sogoucdn.com/net/a/04/link?appid=122&url=https%3A%2F%2Fi03piccdn.sogoucdn.com%2F36ca2805fe4ccdc4" alt="" width="100px";height="100PX;">
</li>
<h1>妹妹</h1>
<li>
<img src="https://img01.sogoucdn.com/net/a/04/link?appid=122&url=https%3A%2F%2Fi03piccdn.sogoucdn.com%2F36ca2805fe4ccdc4" alt="" width="100px";height="100PX;">
</li>
<h1>妹妹</h1>
</ul>
图片
链接
列表
无需列表
- 第一行
- 第二行
- 第三行
表格单中的属性:
colspan 为横向合并;<td colspan="x"></td>
rowspan 为垂直合并·<td rowspan="x"></td>
表格的表头
:<th></th>
表格单元
:<td></td>
表格的标题:
<caption></caption>
代码:
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
课程表
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1px;" cellpadding="0" cellspacing="0" style="width: 400px; height: 200px;" bordercolor="blue">
<caption>
课程表
</caption>
<tr>
<td>时间</td>
<td>周一</td>
<td>周二</td>
<td>周三</td>
<td>周四</td>
<td>周五</td>
<td>周六</td>
<td>周日</td>
</tr>
<tr>
<td rowspan="4">上午</td>
<td>数学</td>
<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>
<td>前端</td>
</tr>
<tr>
<td>数学</td>
<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>
<td>前端</td>
</tr>
<tr>
<td colspan="8"> 中午休息</td>
</tr>
<tr>
<td rowspan="4">下午</td>
<td>数学</td>
<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>
<td>前端</td>
</tr>
<tr>
<td>数学</td>
<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>
<td>前端</td>
</tr>
<tr>
<td>备注</td>
<td colspan="7">下课17:00到18:00为吹牛逼</td>
</tr>
</table>
</div>
</body>
</html>