0322学习JAVA第二天
今天学习重点
1<!--有序列表-->
<ol type="i">
<li>数学</li>
</ol>
<!---无序列表-->
<ul>
<li>小猪</li>
</ul>
<!--定义列表-->
<dl>
<dt>语文</dt>
<dd>语文是一门学科</dd>
</dl>
有序、无序、定义列表
<!--table标签中的属性：>
1.border="1px"属性：控制边框
2.width=""属性：宽度
3.height=""属性：高度
td标签属性
1.width="100px":宽度
2.height="100px"属性：高度
3.colspan="2"合并列
4.rowspan="2"合并行
-->
<table border="1px" width="300px" height="100px">
<!--三行三列测试-->
<table border="1px" width="300px" height="100px">
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td colspan="2">8</td>
</tr>
</table>
<!--田字格合并-->
<table border="1px" width="100px" height="100px">
<tr height="50px">
<td rowspan="2"></td>
<td colspan="2" rowspan="2"></td>
</tr>
<tr>
</tr>
<tr>
<td></td>
<td colspan="2">8</td>
</tr>
</table>
<!--两行测试-->
<table>
<tr>
<td>撒打算</td>
</tr>
<tr>
<td>阿斯顿撒多</td>
</tr>
自学整个table标签下 所有文字居中
如果是table下居中的话 <table align="center;">
<style type="text/css">
table{
text-align: center;
}
难点：colspan:合并列 rowspan 合并行 容易混淆
<!doctype html>
<html>
<head>
<title>航班不正常证明</title>
</head>
<style type="text/css">
table {
text-align: center;
}
</style>
<body>
<table border="1" align="center">
<tr>
<td colspan="4">
<table >
<tr>
<td>
</td>
<td>
<b>航班不正常证明<br>Certificate of Irregular Flight</b>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
旅客姓名<br>Name
</td>
<td>
<b>姜晓康</b>
</td>
<td>
票号<br>Ticket Number
</td>
<td>
<b>17854296657</b>
</td>
</tr>
<tr>
<td>
航班号<br>FlightNumber
</td>
<td>
<b>qw9877</b>
</td>
<td>
航班日期<br>Flight Date
</td>
<td>
<b>2018-01-31</b>
</td>
</tr>
<tr>
<td>
始发地<br>From
</td>
<td>
<b>海拉尔</b><br>Hailar
</td>
<td>
到达地<br>To
</td>
<td>
<b>呼和浩特</b><br>Hohhot
</td>
</tr>
<tr>
<td>
航班状态<br>Status
</td>
<td colspan="3">
延误<b>DELAYED</b><br>Reason
</td>
</tr>
<tr>
<td>
不正常原因<br>Reason
</td>
<td colspan="3">
军事活动 <b>MILITARY ACTIVITY</b>
</td>
</tr>
<tr>
<td colspan="4">
感谢您选择青岛航空公司航机！我们深表歉意
<br>
<br>
<br>
<br>
<br>
</td>
</tr>
<tr>
<td>
<b>编号No.</b>
</td>
<td>
<b>2017033446787856</b>
</td>
<td colspan="2" rowspan="2">
<b>盖章<br>Stamp</b>
</td>
</tr>
<tr>
<td>
<b>填开机构 Office</b>
</td>
<td>
<b>TAO102</b>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>课程表</title>
<style type="text/css">
table{
text-align: center;
}
</style>
</head>
<body>
<table border="1px" width="1000px" height="500px" align="center;">
<tr>
<td>项目</td>
<td colspan="6">上课</td>
<td>休息</td>
</tr>
<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 rowspan="4">休息</td>
</tr>
<tr>
<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>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>化学</td>
<td>高数</td>
<td>历史</td>
<td>地理</td>
</tr>
<tr>
<td colspan="8">午休</td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>化学</td>
<td>英语</td>
<td>数学</td>
<td>高数</td>
<td>语文</td>
<td>计算机</td>
<td rowspan="2">休息</td>
</tr>
<tr>
<td>体育</td>
<td>语文</td>
<td>化学</td>
<td>体育</td>
<td>计算机</td>
<td>英语</td>
</tr>
<tr>
<td colspan="8" align="left">总计：</td>
</tr>
</table>
</body>
</html>
原文：https://www.cnblogs.com/zs0322/p/10583282.html