web学习—html标签—超链接、表格

一、超链接

<a>标签:用于创建一个超链接。

属性:href属性:指出超链接所连接的地址。值为一个url。(”../“表示上移一级菜单)

target属性:值为“_blank“,表示在一个新页面中打开连接。

id属性:唯一的标识这个连接。

<a>标签在网页中作用是非常巨大的。他可以和好多标签联合使用,非常灵活。

此外,它还可以进行内链接。具体的做法是,在连接的地方创建个只有id、name的<a>标签,引用的地方用”#id“为href的值,来引用。但是我并没有试验成功。具体原因还不清楚。等找到原因在说明吧。

二、表格

表格用处很大,它除了可以组织信息外,在过去还用来布局页面。下面我们就来介绍下它吧。

1、<table> 标签:用于定义一个表格。

属性:align属性:指定表格的对齐方式。值为:right、center、left。

border属性:指定表格是否显示边框,及其类型。值为0~100,0为无边框,100为非常厚的边框。

bordercolor属性:指定边框的颜色。值可以为颜色名称或颜色值。

width属性:制定表格的宽度。值可以为像素值或百分比。

height属性:制定表格的高度。值可以为像素值或百分比。

cellspacing属性:指定单元格之间的像素距离。缺省值为2像素。

cellpadding属性:指定单元格内容与边界之间的像素距离。缺省值为2像素。

bgcolor属性:指定表格背景色。值可以为颜色名称或颜色值。

2、<tr>标签:标识表格的一行。

<td>标签:标识表格的一列。

属性:align属性:定义表格行和单元格内容的对齐方式。值为:right、center、left。

bgcolor属性:指定行或单元格的背景色。值可以为颜色名称或颜色值。

colspan属性:用于<td>标签,表示单元格占用的列数。

rowspan属性:用于<td>标签,表示单元格占用的行数。可用于合并单元格。

valign属性:规定表格行中内容的垂直对齐方式。默认为”middle“。

3、<th>标签:类似与<tr>、<td>。用于指定行列的标题。

用法:<th>标签写清id属性值。在<td>标签中用headers属性来关联,值为id。

4、<caption>标签:设置表格的标题。放在<table>标签之后。

表格可以嵌套使用。

对于用表格来布局页面,由于css的出现,现在已经很少用了。但是初学网页的可以试着用一下。

最后补充一点,对于表格还可以用background属性,至设置为一个图片地址来添加背景图片。对于单元格,可以添加一个<di v>来实现添加背景图片。

经验分享 程序员 微信小程序 职场和发展