|
|
Friendster Overlay generator (Updated 27/04/06--基本HTML教学在第二页）
[复制链接]
|
|
|
楼主 |
发表于 27-4-2006 10:44 AM
|
显示全部楼层
可以auto update testimonial了！
刚才在浏览时看到有人教怎么auto update testimonial了！呵呵...
<div id=AUT></div>
<script language=javascript>
setTimeout("document.getElementById('AUT').innerHTML=unescape(AUT)",0005);
</script>
把这个code放在<body></body>的tag里就ok了...
[ 本帖最后由 伊藤 于 27-4-2006 11:25 AM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:08 PM
|
显示全部楼层
教学来了！
HTML的历史和介绍我都跳过不说了。这里只对一些基本和简单的tag作解说。
打开网页编辑器(这里我用Microsoft FrontPage)。在HTML里输入：
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
这个一段是HTML里最基本的tag。是每一个webpage都必须有的一段tag。它的用处，是告诉浏览器“这是网页的开端“。而每一个tag，都必须有开头和结束。如：<head>为开头，而</head>为结束。
其中，<html>是整段HTML的开始，而</html>为结束。所有的coding都必须在<html>和</html>里。
再者，<head></head>为网页的header information。不过这一个tag不会出现在浏览器中。
<title></title>是用来命名这个网页的。他会出现在浏览器的caption里。
接下来就是<body></body>了。在这个tag里，就是你要为你的网页写入coding的地方。比如上面的<body>里有一段”<b>This text is bold</b>”,这个<b></b>是把那段句子的字体变成粗体。初次紫外，还有<italic>,<center>等等、等等。
好了，现在把把这个页面储存起来。*注意：通常首页都是命名为index.htm(或index.hmtl)* 然后，用浏览器打开，你将会看见
[color="red"]*此帖为本人所撰写，任何人未得到本人的允许，请不要擅自转贴。版权说有，翻印必究！*
[ 本帖最后由 伊藤 于 27-4-2006 12:19 PM 编辑 ] |
评分
-
查看全部评分
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:11 PM
|
显示全部楼层
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
这些tag为 Heading （可以有6个）。依次序，<h1>最大，<h6>最小。
<p>This is a paragraph</p>
这是用来define一个段落（paragraph)。而line break则是
例：<p>This is a paragraph.<br>This will be a new line</p>
除此之外，你还可以用以下的formatting text来加强你的字体。
<b> Defines bold text
<big> Defines big text
<em> Defines emphasized text
<i> Defines italic text
<small> Defines small text
<strong> Defines strong text
<sub> Defines subscripted text
<sup> Defines superscripted text
*此帖为本人所撰写，任何人未得到本人的允许，请不要擅自转贴。版权说有，翻印必究！*
[ 本帖最后由 伊藤 于 27-4-2006 12:39 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:12 PM
|
显示全部楼层
Hyperlink
<a href=”url here”>Text</a>
这是一个超连接的tag。在”url here”里输入超连接的link就可以了。
假如你想让你的user在按你的hyper link时，弹出一个新的视窗，就在”url here”后面加多一 target=“_blank”，如下：
<a href=”url here” target=”_blank”>Text</a>
另外，放图片的方法，也和hyperlink差不多。
*此帖为本人所撰写，任何人未得到本人的允许，请不要擅自转贴。版权说有，翻印必究！*
[ 本帖最后由 伊藤 于 27-4-2006 05:10 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:12 PM
|
显示全部楼层
table
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
这是一个table的tag。
<tr>为一个row,而<td>则代表没一行里的cell。如下图：
则，table border是那个table的框框的厚度，可以set成任何一个值。
*此帖为本人所撰写，任何人未得到本人的允许，请不要擅自转贴。版权说有，翻印必究！*
[ 本帖最后由 伊藤 于 27-4-2006 05:10 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:13 PM
|
显示全部楼层
background
Background 可以有两种可能：
1. 只有颜色
2. 图片background
只放颜色的backgroud的tag为：
<body bgcolor="#000000">
Or <body bgcolor="rgb(0,0,0)">
Or <body bgcolor="black">
至于颜色的attribute,可以到 这里 看看。
那放图片的background呢？也很简单。用法和<img src>差不多。
<body background="image url here">
*此帖为本人所撰写，任何人未得到本人的允许，请不要擅自转贴。版权说有，翻印必究！*
[ 本帖最后由 伊藤 于 27-4-2006 05:11 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:14 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:15 PM
|
显示全部楼层
暂时就想到这么多...
以上的都是HTML最基本的知识。只要掌握了，其他比较advance的应该都没什么问题了。
迟些再看看还有什么可以教的吧！
[ 本帖最后由 伊藤 于 27-4-2006 05:25 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:16 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:16 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:44 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 12:44 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
发表于 27-4-2006 02:44 PM
|
显示全部楼层
|
天啊，怎么弄得好像blog一样，要花多久才可以弄好？ |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 27-4-2006 05:40 PM
|
显示全部楼层
原帖由 suwen_c 于 27-4-2006 02:44 PM 发表
天啊，怎么弄得好像blog一样，要花多久才可以弄好？
其實也不用很久。我一天就弄出來了。只是有時候會花點時間改善它... |
|
|
|
|
|
|
|
|
|
|
|
发表于 27-4-2006 08:22 PM
|
显示全部楼层
原帖由 伊藤 于 19-4-2006 07:03 PM 发表
是不是覺得friendster原來的排版太單調？
想不想讓自己的profile與衆不同？
很好，現在有一個現成的generator可以幫你實現夢想了。
>>>>[url=http://www.freewebtown.com/markyctrigger27/ove ...
自己設計 ??
那麼怎樣才能夠把Friends, Testimonial...加到我設計的網頁呢 ? |
|
|
|
|
|
|
|
|
|
|
|
发表于 28-4-2006 08:12 AM
|
显示全部楼层
原帖由 伊藤 于 27-4-2006 10:44 AM 发表
刚才在浏览时看到有人教怎么auto update testimonial了！呵呵...
把这个code放在<body></body>的tag里就ok了...
你试过了吗？我得好像不行也 |
|
|
|
|
|
|
|
|
|
|
|
发表于 28-4-2006 06:18 PM
|
显示全部楼层
真是大开眼界...好赞...
楼主加油！
我收藏这个主题了... |
|
|
|
|
|
|
|
|
|
|
|
发表于 3-5-2006 01:26 AM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 3-5-2006 08:06 AM
|
显示全部楼层
哇！你的很不錯哦！我是說真的...看來我也要再進步一點了.
對了，給你一個code：
/* BLANK PAGE - FRIENDSTER-TWEAKERS.COM */
body{overflow:hidden;}
#container { left: -2200px;
top:200px; width:200px; margin-left:-2200px;
overflow:hidden; }
.friendsof { width: 0px; margin-left:1000px; }
.friends { width: 0px;}
.friendsphoto { width: 0px; }
#search { width: 3500px; float: right; }
把這個放在friendster裏，那個改css的地方，那你的舊profile就不會出來了.
[ 本帖最后由 伊藤 于 3-5-2006 12:39 PM 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
发表于 3-5-2006 10:34 AM
|
显示全部楼层
我需要的就是这个了，太感谢你了... |
|
|
|
|
|
|
|
|
|
| |
 本周最热论坛帖子
|
2387 
61
