html入门练手必备之表格及其代码

最新推荐文章于 2024-02-16 23:45:17 发布

坏家伙康康

最新推荐文章于 2024-02-16 23:45:17 发布

阅读量2.7k

点赞数 4

分类专栏：基础知识

本文链接：https://blog.csdn.net/kangkanggegeg/article/details/77456702

版权

基础知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第一天

重新复习一下。
要完成的页面如下图：

这里写图片描述

这就要求布局rolspan和cowspan。
直接上代码。

<html>
<head>
<title>这是一个标题</title>
</head>
<body bgcolor="white">
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td colspan="4">
<table border="0">
<tr align="center">
<td><img width="" height="" src="logo.png"/></td>
<td><strong>航班不正常证明<br>Certificate of Irregular Flight</strong></td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>旅客姓名<br>Name</td>
<td font-weight="1"><strong>姜晓康</strong></td>
<td>票号<br>Ticket Number</td>
<td><strong>17854296657</strong></td>
</tr>
<tr align="center">
<td>航班号<br>Flight Number</td>
<td><strong>qw9877</strong></td>
<td>航班日期<br>Flight Date</td>
<td><strong>2017-03-31</strong></td>
</tr>
<tr align="center">
<td>始发地<br>From</td>
<td><strong>海拉尔</strong><br>Hailar</td>
<td>到达地<br>To</td>
<td><strong>呼和浩特</strong><br>Hohhot</td>
</tr>
<tr align="center">
<td>航班状态<br>Status</td>
<td colspan="3">延误<strong>DELAYED</strong><br>Reason</td>
</tr>
<tr align="center">
<td>不正常原因<br>Reason</td>
<td colspan="3">军事活动 <strong>MILITARY ACTIVITY</strong></td>
</tr>
<tr>
<td colspan="4">
感谢您选择青岛航空公司航机！我们深表歉意
<br>
<br>
<br>
<br>
<br>
<br>
</td>
</tr>
<tr>
<td><strong>编号No.</strong></td>
<td align="center"><strong>2017033446787856</strong></td>
<td colspan="2" rowspan="2"><strong>盖章<br>Stamp</strong></td>
</tr>
<tr>
<td><strong>填开机构 Office</strong></td>
<td align="center"><strong>TAO102</strong></td>
</tr>
</table>
</body>
</html>

航空图标图片就不上传了，随便可以找一张图片就可以代替。

坏家伙康康

关注

4
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
html入门练手必备之表格及其代码

第一天重新复习一下。要完成的页面如下图：这就要求布局rolspan和cowspan。直接上代码。<html><head><title>这是一个标题</title></head><body bgcolor="white"><table border="1" cellpadding="10" cellspacing="0"><tr><td colspan="4"><table b
复制链接

扫一扫