HTML入门教程八天学会HTML57天.docx

HTML入门教程八天学会HTML57天.docx

《HTML入门教程八天学会HTML57天.docx》由会员分享，可在线阅读，更多相关《HTML入门教程八天学会HTML57天.docx（6页珍藏版）》请在冰点文库上搜索。

HTML入门教程八天学会HTML57天

HTML入门教程（五）

五、表格标志

   1.

 2.3.

   表格标志对于制作网页是很重要的，我希望您能记住这一点，现在很多很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置。

但愿您也能熟练使用表格来制作您的主页。

1.

   

标志对用来创建一个表格。

它有以下属性

属性

用途

设置表格的背景色。

设置边框的宽度，若不设置此属性，则边框宽度默认为0。

设置边框的颜色。

设置边框明亮部分的颜色（当border的值大于等于1时才有用）。

设置边框昏暗部分的颜色（当border的值大于等于1时才有用）。

设置表格格子之间空间的大小。

设置表格格子边框与其内部内容之间空间的大小。

设置表格的宽度，单位用绝对像素值或总宽度的百分比。

   

说明:

以上各个属性可以结合使用。

有关宽度、大小的单位用绝对像素值。

而有关颜色的属性使用十六进制RGB颜色码或Html语言给定的颜色常量名（如

Silver为银色）

2.

   标志对用来创建表格中的每一行。

此标志对只能放在

标志对之间使用，而在此标志对之间加入文本将是无用的，因为在之间只能紧跟标志对才是有效的语法，标志对用来创建表格中一行中的每一个格子，此标志对也只有放在标志对之间才是有效的，您想要输入的文本也只有放在标志对中才有效（即才能够显示出来）。

、和标志对的关系如下所示：

最外层,创建一个表格-->

 创建一行-->

   

创建一个格子（这里总共创建了三个格子）-->

最外层-->

要输出的文本只能放在此处

要输出的文本只能放在此处

要输出的文本只能放在此处

   此外，还有align和valign属性。

align是水平对齐方式，取值为left（左对齐）、center（居中）、right（右对齐）；而valign是垂直对齐方式，取值为top（靠顶端对齐）、middle（居中间对齐）或bottom（靠底部对齐）。

具有width、colspan、rowspan和nowrap属性。

width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数（缺省值为1）；rowspan设置一个表格格子跨占的行数（缺省值为1）；nowrap禁止表格格子内的内容自动断行。

3.

   标志对用来设置表格头，通常是黑体居中文字。

   看一看下边的例子就明白以上标志对的用法了。

例6表格标志的综合示例

bordercolor="#0000FF"

bordercolorlight="#7D7DFF"bordercolordark="#0000A0">

 

   意大利

   英格兰

   西班牙

 

   AC米兰

   佛罗伦萨

   曼联

   纽卡斯尔

   巴塞罗那

   皇家社会

 

 

   尤文图斯

   桑普多利亚

   利物浦

   阿申纳

   皇家马德里

   ……

 

 

   拉齐奥

   国际米兰

   切尔西

   米德尔斯堡

   马德里竞技

   ……

 

   本例在浏览器中显示的结果如下：

意大利

英格兰

西班牙

AC米兰

佛罗伦萨

曼联

纽卡斯尔

巴塞罗那

皇家社会

尤文图斯

桑普多利亚

利物浦

阿申纳

皇家马德里

……

拉齐奥

国际米兰

切尔西

米德尔斯堡

马德里竞技

……

HTML入门教程（六）

六、链接标志

1.

2.

教程六的内容不是很多，而且很简单。

链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。

1.

   本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像（链接图像即加入

src="">标志）。

href的值可以是URL形式，即网址或相对路径，也可以是mailto:

形式，即发送E-Mail形式。

对于第一种情况，语法为

href="URL">，这就能创建一个超文本链接了，

例如：

   一个网站教学网站

   对于第二种情况，语法为

EMAIL">，这就创建了一个自动发送电子邮件的链接，mailto:

后边紧跟想要制动发送的电子邮件的地址（即E-Mail地址），

例如：

   

">这是我的电子信箱（E-Mail信箱）

   此外，还具有target属性，此属性用来指明浏览的目标帧，我们将在讲帧标志时作详细的说明，这里您只要知道如果不使用target属性，当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档，若target的值等于“_blank”，点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。

例如：

   一个网站教学网站

2.

   标志对要结合标志对使用才有效果。

name="">标志对用来在Html文档中创建一个标签（即做一个记号），属性name是不可缺少的，它的值也即是标签名，例如：

   此处创建了一个标签

   创建标签是为了在Html文档中创建一些链接，以便能够找到同一文档中的有标签的地方。

要找到标签所在地，就必须使用

href="">标志对。

例如要找到“标签名”这个标签，就要编写如下代码：

   点击此处将使浏览器跳到“标签名”处

   注意：

href属性赋的值若是标签的名字，必须在标签名前边加一个“#”号。

   下面是本教程的一个综合示例：

例7链接标志的综合示例

style="font-size:

9pt;color:

yellow;background:

black">

创建标签处

欢迎想要学习网页制作的同学访问以下网站

color="lime">

alt="网站空间域名注册"border="0"width="468"height="60">

本网站的主要内容

Html教程

网页特效

欢迎给我来信，我的E-Mail是：

">

color="lime">

点击此处回到标签处