超链接和表格

本文详细介绍了HTML中表格的结构和相关属性,包括超链接<a>标签的href和target属性,表格<table>的width、height、cellspacing、cellpadding、border属性,以及<tr>和<td>标签的相关设置。此外,还讲解了rowspan和colspan属性用于单元格的跨行和跨列合并,以及bgcolor属性用于设置背景颜色。
摘要由CSDN通过智能技术生成

超链接:<a href=""  target="_self"></a>,超链接的标签叫做a,是一个双标签,里面有一个href属性,指向的是跳转的地址,另外还有一个比较重要的参数,target,指定是在当前页面跳转还是在一个新的页面进行跳转,它对应的有几个属性值,_blank,表示浏览器会在一个新的未命名的窗口打开对应的文档,_self是默认值,也就是说如果不设置target属性的话就默认使用_self,表示在当前页面进行跳转,不会打开新的窗口,_parent,这个单词的含义就是父母,在这里做参数也是这个意思,如果使用_parent作为属性值的话,那么就是说明在父级框架集中打开链接文档,最后是一个_top属性,指的是在整个文档中打开被链接文档,最后还有一个framename,是说在指定框架中打开被链接文档。其次,要说明的一点是,前四个属性值,都是以下划线开头的,不可忽略。

表格:结构是<table></table>,在两个table之间嵌套tr与td标签,同样都是双标签。table可选参数有宽高颜色等,首先宽,width,可以用像素(px)表示,也可以用百分比(%)表示,如果用像素表示,那么单位可以忽略,比如说设置width为400px,那么我们就可以直接给一个400,但是如果用百分比来表示的话,单位一定不能省略,百分比表示的是占页面宽度的比例;其次是高height属性,类似的我们可能会觉得height参数也可以用像素与百分比来进行表示,实际上height是不能用百分比进行表示的,只能通过像素来表示;长款设置之后,还有两个参数,cell spacing与cellpandding,cellspacing表示的是两个单元格之间的距离,默认为1,我们一般会设为0,让两个单元格连在一起,也更好看一些,cellpadding指的是单元格内部的举例了,每个单元格都有自己对应的内容,默认一般是靠左或者靠右的,我们如果不想让内容居中,但是又想不那么贴着单元格的边框的话,就可以使用cellpadding参数,给定一个像素值,让内容与边框之间拉出一些距离;最后再说一个table的属性,border,这个属性的意思是说表格单元格是否有边框,也是给定像素值即可,一般给定1,如需加粗操作那么按照需求自行调整即可;再说另外两个属性:rules,此属性指规定内侧边框的哪个部分是可见的,有两个属性值,cols与rows,但是实际使用中尽量不用rules来规定,后面可以使用css来定义;在一个就是frames,表示表格的外边框,这个也是一样,尽量不适用,而是用css来添加样式规则。

table里面又嵌套了tr标签,tr标签的话指的是行,比如说我们要设置一个3行的表格,那么就需要在table中嵌套三个tr,tr的话也有一些参数,依旧是可以指定宽高,属性依旧是width和height,其次就是可以设置对其方式,align属性,对应有三个属性值,left,right和center,这个指的是左右对齐方式,当然对应的就有上下的对齐方式,valign,可选top,bottom和middle三个属性值。

那么表格中有了行,也得有单元格,td标签就是指的单元格,在这里也可以设置单元格的宽高,需要注意的是,如果是设置了某一个单元格的宽或者高,那么对应的他的这一列或这一行,则都会与之同步,td中也可以设置对其方式,不同于设置宽高中的一点是td的对齐方式只对当前单元格起作用,最后说下td中相对重要的两个属性:rowspan与colspan,rowspan的row就是垂直的意思,rowspan=“数值”,表示的就是垂直合并几个单元格,对应的就要把合并的这几个单元格删除掉,而colspan,则就是水平合并的意思,同样也需要给被合并的单元格删掉。

最后再说一个参数,bgcolor,无论是在table中还是tr或者td中,都可以设置这个参数,bg其实是background的缩写,bgcolor也就是背景颜色的缩写,其实就是给表格或者指定行指定单元格的背景添加颜色。

整个表格的格式:<tabel><tr><td></td></tr></table>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值