阅读内容 

做主页的方法

[日期:2000-05-01] 来源:转载自聆涛茶馆  作者:六道天书 [字体: ]
 ∪梦颐谴幼急腹ぷ骺肌J紫龋蚩桓鑫谋颈嗉鳎ㄈ绻懔裁唇形谋颈嗉鞫疾恢溃悄憧凑飧鼋坛叹退愣粤耍∽罴虻サ奈谋颈嗉骶褪羌鞘卤荆诳?=〉程序==〉附件里就能找到......什么什么?你用的不是windows用的是unix??你确定??你不知道什么是文本编辑器???? #^&^#$$!$......)。好了,打开文本编辑器以后二话不说,先把这下面一段照抄过去:

HTML
〈head〉 〈title〉我的主页〈/title〉
〈meta http-equiv="Content-Type" content="text/HTML; charset=gb2312"〉
〈style type="text/CSS"〉
〈!-- td { font-family: "宋体"; font-size: 12px; line-height: 16px; color: #000000}
p { font-family: "宋体"; font-size:12px; line-height: 16px; color: #000000; text-indent: 24px}
.a { font-family: "宋体"; font-size: 20px; line-height: 16px; background-color: #CC9933; color: #FFFFFF}
.b { font-family: "宋体"; font-size: 20px; line-height: 16px; background-color: #06b0b2; color: #FFFFFF}
--〉 〈/style〉
〈/head〉
〈body bgcolor="#FFFFFF"〉


  抄过去以后,你可以把红色的我的主页四个字改成你自己的话。这里的文字将作为你的主页的标题显示在浏览器左上角。其余的东西是什么你不用管,也不要问我,我也不知道 好了,我们已经完成了第一步了。

  现在我们开始添加页面内的内容首先看一看下面这段代码:
〈table width="750" border="0" cellspacing="0" cellpadding="0"〉
〈tr〉
〈td width="530"〉
〈img src="http://mCGI.163.com/images/tu1.gif" width="266" height="26"〉


〈span class=a〉〈b〉 2 〈/b〉〈/span〉


〈font color="#CC9966"〉〈b〉 3 〈/b〉〈/font〉
〈p〉 4 



  这段代码中那一行红色的文字表示的是上面图例中数字1所指的地方,那是一个图片,如果你想换成你自己的图片,只要在src="http://mCGI.163.com/images/tu1.gif"(意思是,这个图片文件是在mcgi.163.com这台机器的images目录下,名字叫做tu1.gif) 这里改成你自己的图片地址就行了。

  在上面代码中那些红色的数字所在地方写下你自? 文字,这些文字就会被放在上面图例中所示的相应位置。多写些也不怕哟。

  好,把上面那段代码修改完了照抄到(当然,你要是喜欢照抄了之后再修改也不违反治安管理条例)刚才已经抄了一半的地方,还记得那叫什么吗?对,文本编辑器!记得要抄在刚才抄的东西的后面哟,弄反了就不象样啦。

  现在我们看看其余的文字是怎么写的。
〈font color="#CC9966"〉〈b〉1〈/b〉〈/font〉

〈li〉2〈/li〉
〈li〉2〈/li〉


〈font color="#CC9966"〉3〈/font〉



〈font color="#CC9966"〉4〈/font〉
〈p〉5


〈/td〉

  不用多说了,这里也是和前面一样,在相应的位置添加你的东西就可以啦。你一定注意到这里出现了两个2字,对啦!用〈li〉和〈/li〉括起来的文字,在浏览器里显示的时候会在前面加一个圆点,我担心一个引不起你的注意,所以就用了两个,嘻嘻......当然,你要是觉得两个不够,还可以加上第三次,第四次......只要别忘了用〈li〉和〈/li〉括起来。另外,偷偷告诉你这个:用〈b〉和〈/b〉括起来的文字会格外的粗.对,就这么粗。

  照抄了再修改,或者修改了再照抄,随你便,反正你得把这些东西弄到已经写好了的部分的后面去。
〈td width=20〉 〈/td〉
〈td width="200" valign="top"〉
〈img src="http://mCGI.163.com/images/tu5.gif" width="179" height="110"〉


〈img src="http://mCGI.163.com/images/tu5.gif" width="179" height="110"〉


〈img src="http://mCGI.163.com/images/tu5.gif" width="179" height="110"〉


〈/td〉 〈/tr〉
〈/table〉

  图片怎么样更换,刚才已经说过了,现在再说一次,你把src="http://mCGI.163.com/images/tu5.gif" 改成你自己的图片地址就可以了。这里三个图片都是一样的,你当然不一定要三个一样的,所以,你可以换成你自己的图片,或者不要那么多(只要删除一行红色的文字就可以少一个图片),或者你还可以再多加几个图(多加一行红色的文字)。反正随你便。好,现在把上面的代码照抄到你自己的地方.你还可以加上这么一句: 〈a href="http://www.163.com〉网易公司主页〈/a〉 ,好啦,现在你连超连接都学会啦!快可以出师了。

  不过,先别急,再把下面的代码照抄了再说,虽然没有也可以,但还是加上去为好,做人要有头有尾嘛。

〈/body〉〈/HTML

  现在你总算全抄完了。保存你抄的那个作业吧,建议你给它命名为 test.HTML 或者别的什么以.html结尾的名字.你想把着这个文件传到你的个人主页上去又不知道怎么做?看一看我们的帮助页面吧。现在如果想要看看你的页面是个什么样子,只要用浏览器打开它就可以了。

  另一种编辑(更简单的办法)方法是直接在你的个人主页管理页面里新建一个名为test.HTML或别的什么以.html结尾的文件。直接在我们的服务器上编辑。

  好了,最基本的东西我已经告诉你了,剩下的要由你自己去钻研啦。祝你的主页做得漂亮。


阅读:
录入:

推荐 】 【 打印
相关新闻      
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
Advertisement
内容查询


Advertisement