HTML -------- 表格和框架部分

我们在网页上可以创建表格,但是需要逐行逐列的创建,即挨个单元格的进行创建。

我们也可以在网页上内嵌多个网页,进行的多窗口显示。

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">敌人&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp高于路飞</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中。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值