需求:
通过表格布局将首页信息展示
技术分析:
表格
表格标签:*
<table></table>
常用的子标签 <tr>:行
<tr></tr>
常用的子标签 <td>:列
<th>:表头单元格 默认居中加粗
注意:一行必须只有一个单元格或者一列
table的常用属性:
border:边框 像素值
width:
align:表格对齐方式
tr 的常用属性: align:内容对齐 td 的常用属性: align:内容对齐 colspan:跨列合并 值:合并的列数 rowspan:跨行合并
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1" width="40%" height="200px" align="center" bgcolor="aqua">
<!--
作者:ygd
时间:2018-09-16
描述:创建一个四行三列的表格
-->
<tr align="center">
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td align="center" bgcolor="red">22</td>
<td>23</td>
</tr>
</table>
<table border="1" width="30%" height="150px" align="center" bgcolor="chartreuse">
<tr align="center">
<th>11</th>
<th>12</th>
<th>13</th>
</tr>
<tr>
<td>15</td>
<td colspan="2" align="center" >16 & 17</td>
</tr>
<tr>
<td rowspan="2" align="center">18 & 21</td>
<td>19</td>
<td>20</td>
</tr>
<tr>