Day02-2 常用标签03 表格

最新推荐文章于 2024-10-15 15:24:49 发布

吃蜡笔的小新

最新推荐文章于 2024-10-15 15:24:49 发布

阅读量72

点赞数

分类专栏： Javaweb 文章标签： html5

本文链接：https://blog.csdn.net/Ningmengyouzhi/article/details/127744511

版权

Javaweb 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

实例说明

<table border=""1"" width="450" align="center" bgcolor="antiquewhite"><!--这里剧中会使整个表格居中-->
    <caption>课程表</caption>
    <tr align="center"><!--这里剧中会使文字居中-->
        <td>时间</td>
        <td>星期一</td>
        <td>星期二</td>
        <td>星期三</td>
        <td>星期四</td>
        <td>星期五</td>
    </tr>
    <tr>
        <td valign="top" rowspan="3">上午</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 colspan="6" align="right"> 2022-6-12</td>
    </tr>
</table>

在这里插入图片描述

thead、tfoot、tbody可以去掉，tr标签就会按顺序排下去，加上的话，就会存在固定顺序

作业

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		 <table border="1">
		 	<p style="font-size: 25px;"><b>工商银行电子汇款单</b></p>
		 	<tr>
		 		<td colspan="4" style="width: 100px;"><b>回单类型</b></td>
		 		<td style="width: 500px;">网上转账汇款</td>
		 		<td colspan="4"  style="width: 100px;"><b>指令序号</b></td>
		 		<td  style="width: 500px;">HQH000000000000000000000136215379125</td>
		 	</tr>
			<tr>
				<td style="width: 25px;" rowspan="4"><b>收款人</b></td>
				<td colspan="3">户名</td>
				<td style="width: 500px;">老莫</td>
				<td style="width: 25px;" rowspan="4"><b>付款人</b></td>
				<td colspan="3">户名</td>
				<td style="width: 500px;">老刘</td>
			</tr>
			<tr>
				<td colspan="3"><strong>卡号</strong></td>
				<td style="width: 500px;">0000000000000001</td>
				<td colspan="3"><strong>卡号</strong></td>
				<td style="width: 500px;">0000000000000002</td>
			</tr>
			<tr>
				<td colspan="3">地区</td>
				<td style="width: 500px;">南京</td>
				<td colspan="3">地区</td>
				<td style="width: 500px;">杭州</td>
			</tr>
			<tr>
				<td colspan="3"><strong>网点</strong></td>
				<td style="width: 500px;">工商江苏南京业务处理中心</td>
				<td colspan="3"><strong>网点</strong></td>
				<td style="width: 500px;">江苏徐州业务中心</td>
			</tr>
			<tr>
				<td colspan="4" style="width: 100px;"><b>币种</b></td>
				<td style="width: 500px;">人名币</td>
				<td colspan="4"  style="width: 100px;"><b>钞汇标志</b></td>
				<td  style="width: 500px;">钞票</td>
			</tr>
			<tr>
				<td colspan="4" style="width: 100px;"><b>金额</b></td>
				<td style="width: 500px;">1.00元</td>
				<td colspan="4"  style="width: 100px;"><b>手续费</b></td>
				<td  style="width: 500px;">0.57元</td>
			</tr>
			<tr>
				<td colspan="4" style="width: 100px;"><b>合计</b></td>
				<td colspan="6">人名币（大写）：一元整</td>
			</tr>
			<tr>
				<td colspan="4" style="width: 100px;"><b>交易时间</b></td>
				<td style="width: 500px;"><i>2017年6月1日</i></td>
				<td colspan="4"  style="width: 100px;"><b>时间戳</b></td>
				<td  style="width: 500px;"><i>2017-06-01-13.00.00， 00000</i></td>
			</tr>
		 </table>
		 <span>票据打印时间：2017-06-01 15：00：12</span><br>
		 <span><del>票据打印单位：江苏徐州业务中心</del></span><br>
		 <span>操作员：大增</span>
	</body>
</html>