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 合并行 容易混淆
1 <!doctype html> 2 <html> 3 <head> 4 <title>航班不正常证明</title> 5 </head> 6 <style type="text/css"> 7 table { 8 text-align: center; 9 } 10 </style> 11 <body> 12 <table border="1" align="center"> 13 <tr> 14 <td colspan="4"> 15 <table > 16 <tr> 17 <td> 18 19 </td> 20 <td> 21 <b>航班不正常证明<br>Certificate of Irregular Flight</b> 22 </td> 23 </tr> 24 </table> 25 </td> 26 </tr> 27 <tr> 28 <td> 29 旅客姓名<br>Name 30 </td> 31 <td> 32 <b>姜晓康</b> 33 </td> 34 <td> 35 票号<br>Ticket Number 36 </td> 37 <td> 38 <b>17854296657</b> 39 </td> 40 </tr> 41 <tr> 42 <td> 43 航班号<br>FlightNumber 44 </td> 45 <td> 46 <b>qw9877</b> 47 </td> 48 <td> 49 航班日期<br>Flight Date 50 </td> 51 <td> 52 <b>2018-01-31</b> 53 </td> 54 </tr> 55 <tr> 56 <td> 57 始发地<br>From 58 </td> 59 <td> 60 <b>海拉尔</b><br>Hailar 61 </td> 62 <td> 63 到达地<br>To 64 </td> 65 <td> 66 <b>呼和浩特</b><br>Hohhot 67 </td> 68 </tr> 69 <tr> 70 <td> 71 航班状态<br>Status 72 </td> 73 <td colspan="3"> 74 延误<b>DELAYED</b><br>Reason 75 </td> 76 </tr> 77 <tr> 78 <td> 79 不正常原因<br>Reason 80 </td> 81 <td colspan="3"> 82 军事活动 <b>MILITARY ACTIVITY</b> 83 </td> 84 </tr> 85 <tr> 86 <td colspan="4"> 87 感谢您选择青岛航空公司航机!我们深表歉意 88 <br> 89 <br> 90 <br> 91 <br> 92 <br> 93 </td> 94 </tr> 95 <tr> 96 <td> 97 <b>编号No.</b> 98 </td> 99 <td> 100 <b>2017033446787856</b> 101 </td> 102 <td colspan="2" rowspan="2"> 103 <b>盖章<br>Stamp</b> 104 </td> 105 </tr> 106 <tr> 107 <td> 108 <b>填开机构 Office</b> 109 </td> 110 <td> 111 <b>TAO102</b> 112 </td> 113 </tr> 114 </table> 115 </body> 116 </html>
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>课程表</title> 6 <style type="text/css"> 7 table{ 8 text-align: center; 9 } 10 </style> 11 </head> 12 <body> 13 <table border="1px" width="1000px" height="500px" align="center;"> 14 <tr> 15 <td>项目</td> 16 <td colspan="6">上课</td> 17 <td>休息</td> 18 </tr> 19 <tr> 20 <td>星期</td> 21 <td>星期一</td> 22 <td>星期二</td> 23 <td>星期三</td> 24 <td>星期四</td> 25 <td>星期五</td> 26 <td>星期六</td> 27 <td>星期七</td> 28 </tr> 29 <tr> 30 <td rowspan="4">上午</td> 31 <td>语文</td> 32 <td>数学</td> 33 <td>化学</td> 34 <td>计算机</td> 35 <td>语文</td> 36 <td>数学</td> 37 <td rowspan="4">休息</td> 38 </tr> 39 <tr> 40 41 <td>数学</td> 42 <td>语文</td> 43 <td>英语</td> 44 <td>体育</td> 45 <td>高数</td> 46 <td>物理</td> 47 48 </tr> 49 <tr> 50 51 <td>生物</td> 52 <td>人体研究</td> 53 <td>人体艺术</td> 54 <td>基因交流</td> 55 <td>表演</td> 56 <td>演讲</td> 57 58 </tr> 59 <tr> 60 61 <td>语文</td> 62 <td>数学</td> 63 <td>化学</td> 64 <td>高数</td> 65 <td>历史</td> 66 <td>地理</td> 67 68 </tr> 69 <tr> 70 <td colspan="8">午休</td> 71 </tr> 72 <tr> 73 <td rowspan="2">下午</td> 74 <td>化学</td> 75 <td>英语</td> 76 <td>数学</td> 77 <td>高数</td> 78 <td>语文</td> 79 <td>计算机</td> 80 <td rowspan="2">休息</td> 81 </tr> 82 <tr> 83 84 <td>体育</td> 85 <td>语文</td> 86 <td>化学</td> 87 <td>体育</td> 88 <td>计算机</td> 89 <td>英语</td> 90 91 </tr> 92 <tr> 93 <td colspan="8" align="left">总计:</td> 94 </tr> 95 </table> 96 </body> 97 </html>