财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题:—— 从“HTML”谈网页制作(一) 下一主题:或嗔或痴都为你——2004-0102守...
—— 从“HTML”谈网页制作(二)
[楼主] 作者:开心&乐乐  发表时间:2004/01/03 02:15
点击:333次

  一、处理文本:段落

  <P>开始一个新段落

  段落标志符是HTML标志符中最常见的一种符号,它位于各段落起始部位,使用该标志符后,每块文本段落之间都会空出一行。另外对于<P>标志符来说,不必使用</P>来做结尾。

  下面是由两段文本文件组成的HTML网页,源代码如下:

  <P>你是否曾经考虑过这样一种情况,那就是如果学校中所有学生在某一天都不去上学,那么学校就拿大家没办法了。

  <P>我的意思是说,如果<i>所有人</i>都呆在家里,校方就无法专门严厉地惩罚某一个学生,实际上也许学校要花费整整一天的时间给每位学生的家长打电话通报这件事。

  根据这段代码,你的网页将会显示为下面这个样子:

  你是否曾经考虑过这样一种情况,那就是如果学校中所有学生在某一天都不去上学,那么学校就拿大家没办法了。

  我的意思是说,如果所有人都呆在家里,校方就无法专门严厉地惩罚某一个学生,实际上也许学校要花费整整一天的时间给每位学生的家长打电话通报这件事。

   二、处理文本:排列文本

 <p align=left> 将文字居左

  <p align=right> 将文字居右

  <p align=center> 将文字居中

  你是否还记得上一节我会讲到的<p>标志符?有一件事我忘记告诉你了,那就是<p>标志符不但可以使文本空出一行,还可以在该标志符后面增加一些信息,从而让其后面的文字信息的位置有所变化。因此如果你把下列信息写入HTML文件中:

  <p align=left> 我喜欢看蜘蛛织网,蜘蛛织出的网太漂亮了!

  <p align=center> 但从另外一个角度来说,如果我看到家中的地板上有一只蜘蛛,我又会把它踩死。

  <p align=right>但有时我也会很担心,不知这样踩死蜘蛛是否会遭到报应,因为它们并没有招惹你。

  这个网页在浏览器中就会显示成下面这个样子:

  我喜欢看蜘蛛织网,蜘蛛织出的网太漂亮了!

  但从另外一个角度来说,如果我看到家中的地板上有一只蜘蛛,我又会把它踩死。

  但有时我也会很担心,不知这样踩死蜘蛛是否会遭到报应,因为它们并没有招惹你。

   三、处理文本:字体加粗


  <b>创建粗体文字

  </b>结束粗体文字显示

  请将这段文字放置在<b>和</b>两个标志符内。

  例如你如果想显示下面这段话:

  <b>救命呀!</b>有一只<b>网猴</b>在我家里!

  这时这段话的实际显示效果是下面这个样子:

  救命呀!有一只网猴在我家里!

 

  四、处理文本:斜体文字


  <i>创建斜体字

  </i>结束斜体字

  为了将一段文字以斜体形式出现,请将这段文字放置在<i>和</i>两个标志符内。

  例如,你如果想显示下面这段话:

  <b>救命呀</b>有一只<b>网猴</b>在我家里,我<i>真的</i>喜欢它!

  这时这段话的实际显示效果是下面这个样子:

  救命呀!有一只网猴在我家里,我真的不喜欢它!

五、处理文本:分行

  <br>插入新分行

  大多数情况下,段落标志符<p>是分隔文本的最佳符号,但有时你可能会希望重起一行,但在新行与上一行之间并不空出一行间距,在这种情况下,你最好使用分行标志符<br>。

  使用分行标志符编写的一段话是下面这个样子:

  <p>我非常喜欢BBS<br>

  在这里我可以一天也不觉得累!<br>

  幸好我的老板还没有抓到我,<br>

  但如果真被他抓到,恐怕我的工资就要泡汤了! <br>

  这时网页显示成下面这个样子:

  我非常喜欢BBS。
  在这里我可以一天也不觉得累!
  幸好我的老板还没有抓到我,
  但如果真被他抓到,恐怕我的工资就要泡汤了!

 

  六、处理文本:注释文本


  <!-- -->

  注释标志符在HTML文档中留出一些空间,这里面的文字信息不会显示在网页上,这是因为凡是在注释标志符内的文字都是隐性的,你可以利用这个空间做为备忘录。但有一点要注意,那就是如果别人查看你的源代码,那么你的这些注释信息就会一览无余了。所以如果你想把自己一些最保密的事保存在这里,恐怕要换个地方了。

  注释标志符的格式如下:

  把下面这段文字做为注释

  <!--把下面这段文字做为注释-->

  我很想把这段HTML编码用网页显示给你,但既然它是隐藏的,因此谁也看不到它了。

  七、处理文本:链接


  <a herf="?">创建链接

  </a>结束链接

  如果一个网页没有一个链接那确实就没什么意义了,因为正是方便的各种链接才将各个独立的网页构建成一个庞大的网络,你就可以利用链接标志符来创建链接,让你的网页与其它网站相连。

  在你创建链接之前,你需要清楚想要链接的网页的URL地址,这个URL地址就是类似http://vipbbs.xilu.com/这样的网络地址。

  接着你要决定把网页中哪段文字做为链接,访问者将通过这个链接访问其它地方。另外,一般情况下,凡是链接的地方都会有下划线,并显示出与普通网页文字不同的颜色加以区分(多数默认情况下链接显示为蓝色,除非你对此进行了特殊的设置。)

  为了创建一个链接,你需要选择一段文字,并将其置于标志符<a herf="?">和</a>之间,并把"?"替换为正确的链接地址。

  例如一个网页链接的源代码可能是下面这个样子:

  <a herf=http://vipbbs.xilu.com/cgi-bin/bbs/postform?forum=deichun>欢迎访问黔东作家(一代天骄) </a>!

  而在浏览器中的显示效果为:

  欢迎访问黔东作家(一代天骄)

   八、处理文本:发送邮件

  <a herf="mailto:?">创建链接

  </a>结束发送邮件

  并不是网页中所有的链接都会带你前往一个新的网页,有时这种链接可能会让你发送一封电子邮件,这就是发送邮件链接标志符,在网页中建立发送邮件的功能与创建一个普通的链接一样,都非常简单。

  你还记得上一节我们讲到的如何在标志符<a herf="?">和</a>之间创建链接吗?一个发送邮件链接与此是非常相似的,只是你需要把"?"替换为"mailto:",然后在后面插入一个电子邮件地址,而不是什么网页URL链接地址。

  例如,如果你想给下面这个地址webmaster@laniao.51.net发送电子邮件,那么你的网页HTML代码就应该按下面的格式编写:

  <a herf=mailto:123@l163.com>给我发邮件!</a〉

  这时用浏览器观察网页的实际效果是这样的:

  给我发邮件

(待续:下一节内容:如何处理图片)



※※※※※※
本帖地址:http://club.xilu.com/deichun/msgview-10363-39611.html[复制地址]
上一主题:—— 从“HTML”谈网页制作(一) 下一主题:或嗔或痴都为你——2004-0102守...

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名:
作  者:
密  码:
游客来访 
注册用户 提 交
西陆网(www.xilu.com )版权所有 点击拥有西陆免费论坛  联系西陆小精灵

0.12709212303162