品读家园论坛

 找回密码
 注册
搜索
查看: 3309|回复: 19

HTML简单教程

[复制链接]
发表于 2008-12-5 23:24 | 显示全部楼层 |阅读模式
<>&nbsp; 偶只会HTML简单的代码,把自己琢磨出的一点窍门发出来给想学的看看,各位高手且绕道而行 </P>
<>&nbsp;</P>
<>素材:</P>
<>&nbsp;</P>
<>图片宽:800px&nbsp;&nbsp; 高600px</P>
<P>&nbsp;</P>
<P><IMG src="http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg" border=0></P>
<P>&nbsp;</P>
<P>透明flash:<A href="http://imgfree.21cn.com/free/flash/159.swf">http://imgfree.21cn.com/free/flash/159.swf</A>&nbsp;</P>
<P>&nbsp;</P>
<P>文字:</P>
<P>紫禁花园<BR>她是气势雄浑的宫廷所在,她是深宫红墙的无言兴衰。她是一个梦,梦里有刀光剑影硝烟四起,有英雄气节儿女情长,有千回百转命运多劫,有喜怒哀乐冷暖人生......帝王的梦,臣子的梦,白头宫女的梦,交集在一起,让再宽阔的空间都显得拥挤</P>
<P>然而这个隔断了市井的所在,依然锁不住欣然的阳春。一年又一年,花谢花开,阅尽繁华,心平了,心静了,在这处处花开、步步有景的花园里,寻到了内心的快乐。</P>
<P>是伴随着阳光的到来而感觉到温暖,更是时光的流转让人学会了珍惜。</P>
<P>当梦醒魂断,只留下每一处亭台楼榭每一棵花草树木在阳光下静看这浮世的轮回。</P>
回复

使用道具 举报

 楼主| 发表于 2008-12-5 23:37 | 显示全部楼层
<P>效果:</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<TABLE id=table1 style="LEFT: -100px; WIDTH:800px; POSITION: relative; TOP: 30px" cellSpacing=0>
<TBODY>
<TR>
<TD>
<p  align=center>

<TABLE cellSpacing=0 cellPadding=0 width=800  height=600  background=http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>

<p align=center>

<EMBED align=right src=http://imgfree.21cn.com/free/flash/159.swf   width=715 height=570 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">
</P>
<DIV style="LEFT: 350px; WIDTH: 200px; POSITION: absolute; TOP: 40px; HEIGHT: 50px">
<MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=280 height=550><FONT face=楷书 color=#eeeeee size=4><B>紫禁花园 <BR> <BR>
她是气势雄浑的宫廷所在 <BR>她是深宫红墙的无言兴衰 <BR>她是一个梦 <BR>梦里有刀光剑影硝烟四起 <BR>有英雄气节儿女情长 <BR>有千回百转命运多劫 <BR>有喜怒哀乐冷暖人生...... <BR>帝王的梦 <BR>臣子的梦 <BR>白头宫女的梦 <BR>交集在一起 <BR>让再宽阔的空间都显得拥挤 <BR> <BR>
然而这个隔断了市井的所在 <BR>依然锁不住欣然的阳春 <BR>一年又一年 <BR>花谢花开,阅尽繁华 <BR>心平了,心静了 <BR>在这处处花开、步步有景的花园里 <BR>寻到了内心的快乐 <BR> <BR>
是伴随着阳光的到来而感觉到温暖 <BR>更是时光的流转让人学会了珍惜 <BR>
当梦醒魂断 <BR>只留下每一处亭台楼榭每一棵花草树木在阳光下静看这浮世的轮回 <BR>
<BR></B> </FONT></MARQUEE></DIV>

</TD></TR></TBODY></TABLE>

</P>

</TD></TR></TBODY></TABLE> 

<EMBED src=http://file7.ddbar.com/20070829/9f666e41/01.mp3 width=0 height=0 type=audio/mpeg autostart="true" loop="true"><BR><BR><BR>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-5 23:40 | 显示全部楼层
<P>代码:</P>
<P>&nbsp;</P>
<P><FONT color=blue>&lt;TABLE id=table1 style="LEFT: -100px; WIDTH: 800px; POSITION: relative; TOP: 30px" cellSpacing=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;p align=center&gt;</FONT></P>
<P><BR><FONT color=red>&lt;TABLE height=600 cellSpacing=0 cellPadding=0 width=800 background=http://www.yulubbs.com/attachments/month_0812/20081205_6416b4288088bf1a02f0rjBkRcTKZM2U.jpg border=1 bortercolor="#000000"&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;</FONT></P>
<P><FONT color=red><BR></FONT><FONT color=darkorange>&lt;p align=center&gt;</FONT></P>
<P><FONT color=darkorange>&lt;EMBED align=right src=http://imgfree.21cn.com/free/flash/159.swf width=715 height=570 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"&gt; </FONT></P>
<P><FONT color=darkorange>&lt;/P&gt;</FONT></P>
<P><BR><FONT color=green>&lt;DIV style="LEFT: 350px; WIDTH: 200px; POSITION: absolute; TOP: 40px; HEIGHT: 50px"&gt;<BR>&lt;MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=280 height=550&gt;&lt;FONT face=楷书 color=#eeeeee size=4&gt;</FONT></P>
<P><FONT color=green>&lt;B&gt;</FONT></P>
<P><FONT color=green>紫禁花园 &lt;BR&gt;&lt;BR&gt;她是气势雄浑的宫廷所在 &lt;BR&gt;她是深宫红墙的无言兴衰 &lt;BR&gt;她是一个梦 &lt;BR&gt;梦里有刀光剑影硝烟四起 &lt;BR&gt;有英雄气节儿女情长 &lt;BR&gt;有千回百转命运多劫 &lt;BR&gt;有喜怒哀乐冷暖人生...... &lt;BR&gt;帝王的梦 &lt;BR&gt;臣子的梦 &lt;BR&gt;白头宫女的梦 &lt;BR&gt;交集在一起 &lt;BR&gt;让再宽阔的空间都显得拥挤 &lt;BR&gt;&lt;BR&gt;然而这个隔断了市井的所在 &lt;BR&gt;依然锁不住欣然的阳春 &lt;BR&gt;一年又一年 &lt;BR&gt;花谢花开,阅尽繁华 &lt;BR&gt;心平了,心静了 &lt;BR&gt;在这处处花开、步步有景的花园里 &lt;BR&gt;寻到了内心的快乐 &lt;BR&gt;&lt;BR&gt;是伴随着阳光的到来而感觉到温暖 &lt;BR&gt;更是时光的流转让人学会了珍惜 &lt;BR&gt;当梦醒魂断 &lt;BR&gt;只留下每一处亭台楼榭每一棵花草树木在阳光下静看这浮世的轮回 </FONT></P>
<P><FONT color=green>&lt;/B&gt;</FONT></P>
<P><FONT color=green>&lt;/FONT&gt;&lt;/MARQUEE&gt;&lt;/DIV&gt;</FONT></P>
<P>&nbsp;</P>
<P><FONT color=magenta>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</FONT></P>
<P><FONT color=magenta>&lt;/P&gt;</FONT></P>
<P><FONT color=magenta>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</FONT>  </P>
<P>&nbsp;</P>
<P><FONT color=gray>&lt;EMBED src=http://file7.ddbar.com/20070829/9f666e41/01.mp3 width=0 height=0 type=audio/mpeg loop="true" autostart="true"&gt;</FONT></P>
<P>&nbsp;</P>
<P><FONT color=dimgray>&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;</FONT></P>
回复 支持 反对

使用道具 举报

发表于 2008-12-6 09:41 | 显示全部楼层
这个色彩运用得好漂亮!
回复 支持 反对

使用道具 举报

发表于 2008-12-6 22:42 | 显示全部楼层
不错不错,明白了。
回复 支持 反对

使用道具 举报

发表于 2008-12-10 21:14 | 显示全部楼层
向千千学习了~
回复 支持 反对

使用道具 举报

发表于 2008-12-12 15:34 | 显示全部楼层
怎么听不到音乐??
回复 支持 反对

使用道具 举报

发表于 2008-12-12 16:01 | 显示全部楼层
学做了一个,请师傅检查:17
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-13 23:04 | 显示全部楼层
做在哪里嘛?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-12-13 23:27 | 显示全部楼层
<P><FONT color=#0000ff>&lt;TABLE id=table1 style="LEFT: -100px; WIDTH: 800px; POSITION: relative; TOP: 30px" cellSpacing=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;p align=center&gt;</FONT></P>
<P><FONT color=#0000ff></FONT>&nbsp;</P>
<P><FONT color=#0000ff></FONT>&nbsp;</P>
<P><FONT color=#696969 size=2>解说:</FONT></P>
<P><FONT color=#696969 size=2></FONT>&nbsp;</P><FONT color=#696969 size=2>
<P><FONT color=#0000ff size=2>这组代码,是安排整个贴图的位置,是在本楼层中偏向左侧、居中、还是在右边。</FONT></P>
<P><FONT size=2><FONT color=#0000ff>其中</FONT><FONT color=#0000ff>:&nbsp;</FONT></FONT></P>
<P><FONT color=#0000ff size=2>&nbsp;&nbsp;&nbsp; &nbsp; &lt;p &nbsp;align=center&gt;&nbsp; 是居中的代码,其中center表示居中,可以换成 left(偏左)、right(偏右)</FONT></P>
<P><FONT color=#0000ff size=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; LEFT: -100px&nbsp;&nbsp;&nbsp; 表示贴图距离屏幕左侧的距离,一般可设置为 -210或 -180,数值越大,则帖子越偏右;</FONT></P>
<P><FONT color=#0000ff size=2>&nbsp;&nbsp; &nbsp; WIDTH:&nbsp;100%&nbsp;&nbsp;&nbsp; 表示贴图的宽度;</FONT></P>
<P><FONT size=2><FONT color=#0000ff>&nbsp;&nbsp;&nbsp;&nbsp;</FONT><FONT color=#0000ff> TOP: 30px&nbsp;&nbsp; 表示帖子距顶端距离的代码,一般取值为30px 即可,如果觉得挡住了自己的头像,可调整为80px ,但是不要太大,太大会使整个贴图太偏下,就不好看了。</FONT></FONT></P>
<P><FONT size=2><FONT color=#0000ff>&nbsp;&nbsp;&nbsp;</FONT><FONT color=#0000ff>&nbsp;</FONT><FONT color=#0000ff>一般而言,这组代码只调整&nbsp; LEFT: -210px&nbsp;&nbsp;&nbsp; 的数值即可,别的不需要作调整。</FONT></FONT></P></FONT>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|品读家园论坛 ( 鄂ICP备19005928号 )

GMT+8, 2025-5-11 10:25 , Processed in 0.053711 second(s), 21 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表