Java Web开发(二)有关HTML5的知识_超链接

IDE:sublime


今天我们继续学习有关JavaWeb中HTML的知识。

一:超链接标签

1.链接资源

我们有时想要点击一个位置就可以访问其他的地方,这时就用到了超链接。

标签:<a href="链接到资源的路径"> 文本内容 </a>

属性:href :链接的资源的地址

           target:设置打开的方式,默认是在当前页面

                        _blank:在一个新窗口打开    _self:默认在当前页面打开

注:如果href="",双引号里面不写内容,默认打开存放资源的目录,如果你想要点击它什么都不显示,只需在引号内加上#即可,表示不打开任何链接。

2.定位资源

我们有时需要定位一个资源位置,此时我们可以用如下方法实现。

标签:<a name="top"> 文本内容a </a>

           <a href="#top"> 文本内容b回到a的位置 </a>

注:必须在需要单击的位置的标签的href属性下加上#与需要回到的位置,如果没有,则无法实现。

3.原样输出标签

标签:<pre>

作用:该标签可以原样输出内容


二:表格标签

1.作用:可以对数据进行格式化,使数据显示更加清晰。

标签:<table> </table> 表示表格的范围

           <tr> </tr>            表示行

           <td> </td>          表示列(单元格)

操作技巧:首先数有多少行,再数有多少列。


2.表格属性

(1)table标签

    caption=" " 设置表格的标题 

    border=" " 设置表格线的大小

    bordercolor" " 设置表格线的颜色

    cellspacing = "0"  设置单元格的距离,为0表示没有空隙

    width=" " height=" "  设置宽和高



(2)tr标签

    设置行对齐

    align:left center right


(3)td标签

   设置单元格对齐

   align:left center right

注:使用th也可以表示单元格(可以实现居中和加粗)


(4)合并单元格

   td标签

   rowspan:跨行

   colspan:跨列

注:先数有多少行,再数每行有多少个单元格。