前端H5学习 常见标签Table以及文本标签

关于关键字陈述:

关于a标签中href以及target两个关键字

通过a标签的href可以设置要跳转的地址,通过设置target属性能够设置跳转的方式。

href	<a href="http://www.baidu.com">百度</a>
target	<a href="http://www.baidu.com" target="_self">百度</a>

关于关键字解释:
target="_self":在当前页面打开链接资源;target="_blank":在一个新开的页面打开链接资源

关于img标签属性对图片定义

我们可以通过img标签的以下属性来对引入的图片进行修饰;
在这里插入图片描述

重点是表格标签 关于table表格标签属性解析

在这里插入图片描述
接下来是关于表格中单元格的合并:
首先要考虑是合并纵列还是合并横列,如果是合并单元格首先是删除多余单元格数据,其次进行合并

纵行合并

<table border="1px" cellspacing="0" cellpadding="10" width="300px">
			<tr>
				<th>姓名</th>
				<th>手机号</th>
			</tr>
			<tr>
				<td rowspan="2">张三</td>
				<td>13333333333</td>
			</tr>
			<tr>
				<td>13333333334</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>13333333335</td>
			</tr>
		</table>

效果如下:

在这里插入图片描述

横列合并

<table cellspacing="0" border="1px" cellpadding="10px" width="400px">
			<tr>
				<td>姓名</td>
				<td colspan="2" align="center">手机号</td>

			</tr>
			<tr>
				<td>张三</td>
				<td>13333333333</td>
				<td>13333333334</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>14444444444</td>
				<td>14444444445</td>
			</tr>
		</table>

效果如下:

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值