博客列表 >第二课:文本、图像、链接、表格

第二课:文本、图像、链接、表格

相宇的博客
相宇的博客原创
2018年03月19日 17:49:38386浏览

第二课: 3.16_文本、图像、链接、表格

代码:

实例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>古代名医与著作TOP50</title>

</head>

<body>

<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">

<caption><h3>古代名医与著作TOP50<small><a href="">添加</a></small></h3></caption>

<thead>

<tr bgcolor="skyblue">

<th colspan="5">信息</th>

<th rowspan="2">著作</th>

<th colspan="2" rowspan="2">操作</th>

</tr>

<tr bgcolor="skyblue">

<th>ID</th>

<th>姓</th>

<th>名</th>

<th>字</th>

<th>朝代</th>

</tr>

</thead>

<tr align="center">

<td>06</td>

<td>张</td>

<td>机</td>

<td>仲景</td>

<td>汉朝</td>

<td>《伤寒杂病论》</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr align="center">

<td>07</td>

<td>王</td>

<td>熙</td>

<td>叔和</td>

<td>晋朝</td>

<td>《脉经》</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr align="center">

<td>08</td>

<td>皇普</td>

<td>谧</td>

<td>士安</td>

<td>晋朝</td>

<td>《针灸甲乙经》</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr align="center">

<td>09</td>

<td>葛</td>

<td>洪</td>

<td>稚川</td>

<td>东晋</td>

<td>《肘后救卒方》</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

<tr align="center">

<td>10</td>

<td>巢</td>

<td>元方</td>

<td>--</td>

<td>隋朝</td>

<td>《诸病源候论》</td>

<td><a href="">编辑</a></td>

<td><a href="">删除</a></td>

</tr>

</table>

<p align="center">

<a href="">首页</a>

<a href="">上一页</a>

<a href="">1</a>

<a href="">2</a>

<a href="">3</a>

<a href="">...</a>

<a href="">下一页</a>

<a href="">尾页</a>

</p>

</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


第二课效果.png

第二课:HTML基本标签(上部).jpg

上一条:3月16日作业下一条:3月16日作业
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议