前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

第48节 表格HTMLTableElement API-王唯

本内容是《Web前端开发之Javascript视频》的课件,请配合大师哥《Javascript》视频课程学习。

为了方便构建表格,HTML DOM为表格专门创建了HTMLTableElement 接口;其继承自HTMLElement接口;

该接口提供了专门的属性和方法来处理表格的布局与呈现;

HTMLTableElement接口属性:

HTML 基础的 标签(html基本的标签)

实例

一个简单的 HTML 表格,包含两列两行:

<table border="1">

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>$100</td>

HTML+CSS:曾辉煌一时的table,详解table标签的语法与使用

上篇文章介绍了div标签的作用,我们这篇文章主要来看下过气表格标签table的语法与使用。

1)table的曾经

在div没有出现之前,table曾是做网页的中坚力量。记得在开始学网页的时候,div是神马,我不造呀!做网页还用div吗,就只用table就可以了,各种表格嵌套加嵌套,一个网页就拼凑出来了。但table写的布局页面做维护就比较令人头痛欲裂了。因为table是一层一层嵌套,标签量冗余过多。所以修改起来就是动一发而牵全身。维护起来格外麻烦,往往是拆东墙补西墙。所以它后来就慢慢被div所替代。但是在数据列表上还是用table形式来写比较的合理,所以现在table多用于网站后台的表格数据处理中。

零基础10天学会网页制作第二天(下)之表格table标签

我们继续往下讲述,关于a标签的跳转,我们用到的是href属性,href里面对应的就是我们需要跳转的地址,可以是本地文件的跳转,也可以是网络地址的跳转,这个很简单了,就不过多做赘述了。

大家有没有发现,在上述的例子中,我们点击a标签后,跳转的页面都是在当前窗口打开的,在实际的开发中,如果说在新的窗口打开呢?那么我就需要a标签的另一个属性“target”,target这个属性,可以使得我们选择在当前页面或者新窗口进行打开,默认不写或者target=“_self”,是当前窗口,target=“_blank”,是在新的窗口打开。

<< < 1 2 3 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言