0
点赞
收藏
分享

微信扫一扫

#yyds干货盘点# 1.10 HTML5基础 - 练习

dsysama 2022-03-30 阅读 45

1.制作一个包含文字和图片的简单页面,通过表格实现。

<!DOCTYPE html>
<html>
<head>
<title>简单页面</title>
</head>
<body>
<table width="600px" align="center" border="1px" bordercolor="lightblue">
<caption>图片欣赏</caption>
<tr>
<td><img src="picture/BlueRose.jpg" alt="蓝色玫瑰" width="200px" height="110px"></td>
<td><img src="picture/BlueRose.jpg" alt="蓝色玫瑰" width="200px" height="110px"></td>
<td><img src="picture/BlueRose.jpg" alt="蓝色玫瑰" width="200px" height="110px"></td>
</tr>
<tr>
<th width="200px"><small>蓝色玫瑰</small></th>
<th width="200px"><i>蓝色玫瑰</i></th>
<th width="200px"><mark>蓝色玫瑰</mark></th>
</tr>
<tr>
<td><img src="picture/logo-baidu.png" alt="百度logo" width="200px" height="90px"></td>
<td><img src="picture/logo-baidu.png" alt="百度logo" width="200px" height="90px"></td>
<td><img src="picture/logo-baidu.png" alt="百度logo" width="200px" height="90px"></td>
</tr>
<tr>
<th width="200px"><small>百度logo</small></th>
<th width="200px"><i>百度logo</i></th>
<th width="200px"><mark>百度logo</mark></th>
</tr>
<tr>
<td><img src="picture/02.png" alt="ZeroTwo" width="200px" height="120px"></td>
<td><img src="picture/02.png" alt="ZeroTwo" width="200px" height="120px"></td>
<td><img src="picture/02.png" alt="ZeroTwo" width="200px" height="120px"></td>
</tr>
<tr>
<th width="200px"><small>ZeroTwo</small></th>
<th width="200px"><i>ZeroTwo</i></th>
<th width="200px"><mark>ZeroTwo</mark></th>
</tr>
</table>

</body>
</html>

#yyds干货盘点# 1.10 HTML5基础 - 练习_百度

举报

相关推荐

0 条评论