我们在网页上可以创建表格,但是需要逐行逐列的创建,即挨个单元格的进行创建。
我们也可以在网页上内嵌多个网页,进行的多窗口显示。
instance:
table border="1px" cellspacing="0px" cellpadding="9px">
<tr height="27px">
<th width="100">人物名称</th>
<th width="100">与路飞的关系</th>
<th width="100">实力</th>
<th width="100">果实能力</th>
<th width="200">备注</th>
</tr>
<tr height="27px">
<td width="100">路飞</td>
<td width="100">本人</td>
<td width="100">标准原点</td>
<td width="100">橡胶果实</td>
<td width="300">主角光环加持,无限可能,极度抗打</td>
</tr>
<tr height="27px">
<td width="100">索隆</td>
<td width="100">伙伴</td>
<td width="100">和路飞实力相近</td>
<td width="100">无</td>
<td width="300">路飞海贼团第二战力,实力和路飞差不多,但光环加成远不及路飞</td>
</tr>
<tr height="27px">
<td width="100">BigMom</td>
<td width="100" colspan="2" rowspan="2">敌人                  高于路飞</td>
<!--<td width="100">高于路飞</td>-->
<td width="100">魂魂果实</td>
<td width="300" rowspan="2">海上四皇之一,有强大的战力</td>
</tr>
<tr height="27px">
<td width="100">凯多</td>
<!--<td width="100" colspan="2">敌人 高于路飞</td>-->
<!--<td width="100">高于路飞</td>-->
<td width="100">无</td>
<!--<td width="300">海上四皇之一,有强大的战力</td>-->
</tr>
<tr height="27px">
<td width="100">香克斯</td>
<td width="100">伙伴</td>
<td width="100">高于路飞</td>
<td width="100">面子果实</td>
<td width="300">实力深不可测,是海上四皇之一,船员不多但各个都很强</td>
</tr>
<hr />
</table>
<a href="https://baike.baidu.com/item/%E8%88%AA%E6%B5%B7%E7%8E%8B/75861?fromtitle=%E6%B5%B7%E8%B4%BC%E7%8E%8B&fromid=8904&fr=aladdin" target="_hzw">海贼王百度百科</a><br />
<a href="http://www.iqiyi.com/a_19rrhb3xvl.html?vfm=2008_aldbd" target="_zy">海贼王爱奇艺资源</a><br />
<iframe src="" width="400px" height="400px" name="_hzw"></iframe>
<iframe src="" width="400px" height="400px" name="_zy"></iframe>
创建表格:我们用table进行创建,table相当于一个表格的统称,我们可以在table中设计其格式,height,width,border:给表格添加边框(可以设计边框粗细)cellpadding:设置单元格内容距离边界的长度,cellspacing:设置边框之间的间隔
注:当我们没有设置单元格的宽度时,单元格根据其内容的多少进行确定。我们在每一行设置其行高,基本上每行行高相同
同理,我们设置每一列的列宽,相同列的列宽相同
单元格的合并:我们可以利用colspan和rowspan,我们利用colspan对两行进行合并,rowspan对两列进行合并,我们只能进行两两单元格的合并,四个合并要先两两合并在两两合并,记得把合并后的删掉,负责会被挤开。
框架:
我们用iframe进行内嵌网址显示,我们可以设置其格式,width,height,name(当用来显示时,可以利用name把网址在该框架中显示。我们可以用a创建一个超链接,利用其target方法把内容显示到目标frame中。