手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网站运营>建站经验>列表

新手站长免费辅导培训讲课记录(一) 免费分享与下载!

来源:互联网 作者:west263.com 时间:2008-02-21
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

那么,如何在同一网站的网页之间添加相互链接?

如果你要在同一网站的不同网页间做链接,那就不必拼写出网页的完整URL。举个例子,假如你有两个网页(比如说page1.htm和 page2.htm),而且它们被存放在同一个文件夹中,那么你在做链接的时候,只要写出文件名就行了。这样,page1.htm到page2.htm的链接将如下所示:<a href="page2.htm">点击这里转到第2页</a>

如果page2.htm被放在下一级文件夹中(比如“subfolder”),那么链接将是这样:

<a href="subfolder/page2.htm">点击这里转到第2页</a>

反过来,从page2.htm(在下级文件夹中)到page1.htm的链接将是这样:

<a href="../page1.htm">转到第1页</a>

重点识记

“../”代表当前位置(即该链接所在文件所处的文件夹)的上一级文件夹。同理,当前位置的上上级文件夹可用“../../”表示。

明白其中的规则了吗?当然,如果给出完整URL也行。

有人问了,如果我要在同一个网页内做链接怎么办呢?

在这里,我们可以通过id属性和"#"符号来实现,比如:

id属性标出要被指向的元素。例如:

<h1 id="heading1">标题1</h1>

然后通过在链接中利用“#”来指向那个元素。 “#”后面必须紧跟着一个id属性的值,表明链接指向该id属性被定义的地方。例如:<a href="#heading1">转到标题1</a>

这里比较抽象,我们来看一个例子

<html>
<head>
</head>
<body>
<p><a href="#heading1">转到标题1</a></p>
<p><a href="#heading2">转到标题2</a></p>
<h1 id="heading1">标题1</h1>
<p>一些文字。。。。</p>
<h1 id="heading2">标题2</h1>
<p>一些文字。。。。</p>
</body>
</html>

大家可以保存一下,测试一下效果

除了网页,链接还能指向什么?

在建立表格的时候,如果想把令一个单元格横跨三列,我们将使用colspan属性

<table border="1">
<tr>
<td colspan="3">单元格1</td>
</tr>
<tr>
<td>单元格2</td>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>

效果如图:

如果,你想一个单元格跨越三行,那么,必须使用rowspan属性

例如:

<table border="1">
<tr>
<td rowspan="3">单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
</tr>
</table>

效果如图:

接下来,给大家讲一下,页面布局的终极武器(css)

因为css 内容繁多,在这里给大家简单的指导一下。

我们现在流行的网页设计,基本上都是使用css来进行页面布局的,除了少部分使用表格来进行布局,这也算是html中的一部份。

CSS--级联样式表(Cascading Style Sheets)

CSS是HTML的搭档。在编码过程中,它们发挥不同的作用:HTML负责网页的具体内容(结构),而CSS则修饰网页的表现形式(布局)。

css我们有几种的使用方法

第一:单独建立一个css 样式文件,然后,在网页上进行调用,也即外链。这样,一个css样式文件就可以给多个网页进行调用了。以后,如果你想修改几个页面中同一个元素的格式,那么,你只需要修改css文件中的定义就可以了。这样可以省去很多修改的工作量。

第二:给一个单独的页面建立css样式,这种css样式并不像第一种是以一个文件的形式存在,而是包含在页面的html代码中。这样的css只有在当前页面中起作用。

第三:给标签应用css样式,这样的css只对当前使用css的标签起作用,例如

<p style="font-size:20px;">这里的文字大小为20</p>

上面的 style="font-size:20px;" 即为<p>的css代码,定义文字大小为20px。

你是不是觉得 style="font-size:20px;" 很像是标签的属性呢?

其实我们这可以这样理解,只不过,这个属性是以css语法来进行定义的。

再看一下例子,让大家看看区别

<p style="font-size:20px; font-family:黑体;">这里是文字大小为20、采用黑体的文字</p>

style="font-size:20px; font-family:黑体;"定义了大小为20、采用黑体的文字。

以上是三种css的调用方式

第一种,示例

<link href="d.css" rel="stylesheet" type="text/css" />

第二种,示例

<html>
<head>
<title>我的第一个CSS页面</title>
<style type="text/css">
h1 {font-size:30px; font-family:宋体;}
h2 {font-size:15px; font-family:黑体;}
p {font-size:8px; font-family:"隶书";}
</style>
</head>
<body>
<h1>我的第一个CSS页面</h1>
<h2>欢迎参观我的第一个CSS页面</h2>
<p>你可以在这里了解CSS的原理</p>
</body>
</html>

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!