html表格某一行超链接,【HTML篇】3.HTML的图片标签、超链接标签、表格标签

1.图片标签

img

src:图片路径

width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和%

height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单位可以是px和%

title:鼠标放在图片上提示图片名称

alt:当图片路径有误的时候用来提示

路径:

绝对路径:从根盘符出发所查找文件的路径

相对路径:从当前文件出发查找另一个文件所经过的路径

注:

1.一般本地图片资源使用相对路径即可

2.图片是行内元素

例:

93e076d8c619a22f86ee7f4fc0d98cbf.png

2.超链接标签

1.超链接标签学习:

a:

herf:要跳转的页面的资源路径

target:指明要跳转的网页资源的显示位置

_self:在当前页面中刷新显示

_blank:在新的标签页中显示

_top:在顶层页面中显示

_parent:在父级页面中显示

本地资源:相对路径

网络资源:其他网址

注:超链接中要声明访问方式,访问方式可以是文字也可以是图片

例:

3c0e03ede4342edb8538d8ed22c1d6ee.png

2.锚点:

作用:在一张网页中进行资源调转

使用:

1.使用超链接标签在指定的网页位置增加锚点,格式为:

2.使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的,格式为:

访问方式

例:

3165dd4dd45cbd4899636f3f6f63956b.png

3.表格标签

1.表格标签:

table:声明一个表格

tr:声明一行,此处设置行高

th:声明一个单元格,默认居中, 加黑,此处设置列宽

td:声明一个单元格,默认局左显示原始数据

属性:

border:给表盒添加边框

width:设置表格宽度

height:设置表格高度

cellpadding:设置内容到边框的距离

cellspacing:设置边框大小

特点:

默认根据表格的大小决定表格的大小

例:

4e2718378836e42f2629c17adb42e4a0.png

2.表格的合并

第一步:画一个完整的表格

第二步:根据要合并的单元格,找到其所在源码

第三步:行合并:使用colspan,列合并:使用rowspan

例;

68a1c7e30a1f99024feab4663a26e17a.png

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值