四季歌文学社区

标题: 《组装HTML代码》 [打印本页]
作者: 陈小轩    时间: 2013-12-29 21:15
标题: 《组装HTML代码》
本帖最后由 陈小轩 于 2015-10-15 23:41 编辑 <br /><br /><P align=center>
<DIV id=table1 style="LEFT:20px; WIDTH: 800px; POSITION: relative; TOP: 20px">
<table border="25" width="800" cellpadding="10" bgcolor="#adad07" height="200" bordercolor="#6c6c02" id="table1">
<tr>
<td>　
<DIV align=center>
<DIV style="FILTER: shadow(color=#0000ff, strength=8); WIDTH: 500px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 45pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#aaf729>
歌手—歌名</FONT></DIV>
<b><font face=宋体 size=5  color=#F5F5DC >
<P align=left>
　　歌手简介或写上你喜欢的话题
</p>
<TABLE borderColor=#127626 height=550 width=726 background=" 背景图片地址" border=3>
<TR>
<TD>
</TD></TR></TABLE>
<br>
<INPUT src=" 图片地址" type=image width=726>
<br><br>
<INPUT src=" 图片地址" type=image width=726>
<br>
<embed src="音乐网址.wma" autostart="true" loop="true" controls="ControlPanel" width="726" height="50" >
<br>
<h1> 图文:网络/编辑：×××</h1>
</b></font></DIV>
</td></tr></table></DIV>
</P>

作者: 陈小轩    时间: 2013-12-29 21:16
本帖最后由 陈小轩 于 2015-10-12 03:15 编辑 <br /><br /><P align=center>
<DIV id=table1 style="LEFT:20px; WIDTH: 750px; POSITION: relative; TOP: 20px">
<table border="25" width="840" cellpadding="10" bgcolor="#adad07" height="200" bordercolor="#6c6c02" id="table1">
<tr>
<td>
<font face=黑体 size=6 color="#2F4F4F">
颜色背景图框实例　
</b></font></DIV>
</td></tr></table></DIV>
</P>

作者: 陈小轩    时间: 2013-12-29 21:18
<CENTER>
<font face=字体代码 size=字号1-7 color=文字颜色代码>
四季歌文学社区
</font>
</CENTER>
文字代码实例：
<CENTER>
<font face=华文行楷 size=7  color=#FF0000>
四季歌文学社区
</font>
</CENTER>
说明：字号１最小，字号７最大
大号文字代码实例：
<CENTER>
<font face=华文行楷 style="FONT-SIZE: 200pt" color=#ff0000>
福</font>
</CENTER>
特效文字代码：
<DIV style="FILTER: shadow(color=#0000ff, strength=6); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ffff00>
四季歌文学社区</b></FONT></DIV><br>
作者: 陈小轩    时间: 2013-12-29 21:19
学习各种贴图代码

做音画贴要在图框内插入图片，必须在网上取来图片地址，方法是：标鼠对着图片击右键，在弹出下拉菜单中选最下行的＂属性＂，在弹出的窗口选中部的地址（URL），把地址完整的复制下来就可用了。“图片地址”样式：
http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg
贴图代码

<CENTER>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg
" type=image width=800>
</CENTER>
（注：只需更换图片地址和宽度）
贴羽化图片（椭圆形）的代码
<CENTER>
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg " type=image width=400> </CENTER>
贴羽化图片代码实例(X矩形）
<CENTER>
<INPUT style="FILTER: alpha(opacity=100,style=3)" INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg" type=image width=400>
</CENTER>
</TD></TR></TABLE>
作者: 陈小轩    时间: 2013-12-29 21:23
学习图片加叠Flash动画和贴歌代码
图片加叠Flash动画代码模式：
<TABLE borderColor=#127626 height="高度" width="宽度" background="图片地址" border=3>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src="lash动画文件地址" width="宽度" height="高度" type=application/x-shockwave-flash wmode="transparent" quality="high">
</TD></TR></TABLE>
图片加叠Flash动画代码：
<TABLE borderColor=#127626 height=500 width=726 background=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_71aa1369309746445d370dd830509.gif " border=3>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/59.swf width="726" height="500" type=application/x-shockwave-flash wmode="transparent" quality="high">
</TD></TR></TABLE>
贴Flash歌曲的代码模式（即贴视频）：
<P align=center> <EMBED allowScriptAccess="never" allowNetworking="internal" src="Flash歌曲视频文件地址" width=视频宽度 height=视频高度 type=application/x-shockwave-flash > </P>
贴Flash歌曲的代码实例：
<P align=center>
<EMBED allowScriptAccess="never" allowNetworking="internal" src= http://www.tudou.com/v/ZtaDGuppBfk/&rpid=95130739&resourceId=95130739_04_05_99/v.swf width=650 height=490 type=application/x-shockwave-flash  >
</P>
播放器贴歌的代码模式：
<P align=center> <EMBED src="歌曲文件地址" width=播放器宽度 height=播放器高度 type=audio/x-ms-wma autostart="true" loop="true"> </P>
播放器贴歌曲的代码实例：
<P align=center>
<EMBED src="http://me80.com/uploads/allimg/caipic/flash/2010/12/201012092120004368.wma" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
</P>
播放器贴歌的代码模式：
<P align=center> <EMBED src="歌曲文件地址" width=播放器宽度 height=播放器高度 type=audio/x-ms-wma autostart="true" loop="true"> </P>
播放器贴歌曲的代码实例：
<P align=center>
<EMBED src="http://me80.com/uploads/allimg/caipic/flash/2010/12/201012092120004368.wma" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
</P>
作者: 陈小轩    时间: 2013-12-29 21:28
HTML颜色代码表：

5.jpg (65.78 KB, 下载次数: 10)

5.jpg

6.jpg (58.89 KB, 下载次数: 12)

6.jpg

7.jpg (35.18 KB, 下载次数: 10)

7.jpg

8.jpg (71.06 KB, 下载次数: 10)

8.jpg
作者: 清风    时间: 2013-12-29 21:45
谢谢小轩！我慢慢学习，我学的有点慢~~{:soso_e100:}
我的qq：358020948  你加我，我改天有空和你学习{:soso_e178:}
作者: 清风    时间: 2013-12-29 21:47
高亮一下，大家来学习！{:soso_e182:}
作者: 陈小轩    时间: 2013-12-29 21:55
本帖最后由 陈小轩 于 2014-1-17 22:11 编辑


练习文字和图片移动的方法．
移动标签名称：
<MARQUEE> 移动内容：文字或图片 </MARQUEE>
仅用移动标签名称，没有其它属性内容，系统默然从右向左移动．
文字走马灯式向左走的代码：
<MARQUEE>
<font face=黑体 size=6 color=#FF0000>
文字走马灯式向左走的代码效果。
</font>
</MARQUEE>
多张图片从右向左走的代码：
<MARQUEE>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_dc51136929513939e8398fad683cd.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_4d6813692018385db531b18f77fb2.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_34761369201838188e9ad6a11abf5.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_32111369295139fe5ec05b2c36ef9.jpg" type=image width=500 height=300>
<INPUT src="http://www.zgzylt.com/attachment/photo/Mon_1305/214_b6571369309746ede53a4a914ed1f.gif" type=image width=500 height=300>
</MARQUEE>
文字或图片要用其它移动速度和移动方向，就必须在移动标签中加入速度和方向指令，即移动属性内容及属值．

图片左右来回移动的代码模式：
<MARQUEE scrollAmount=移动速度 direction=移动方向>
<font face=黑体 size=6 color=#00ffff>移动对象：文字内容
<INPUT src="图片地址" type=image width=200>
</marquee>
图片左右来回移动的代码实例：
<marquee scrollamount=8 behavior=alternate >
<font face=黑体 size=5 color=#0000ff><b>图片左右来回移动</b></font><BR><BR>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_b6571369309746ede53a4a914ed1f.gif" type=image width=500 height=400>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_71aa1369309746445d370dd830509.gif" type=image width=500 height=400>
<INPUT src=" http://www.zgzylt.com/attachment/photo/Mon_1305/214_818e1369309746adb47fca789f083.gif " type=image width=500 height=400>
</marquee>
多行文字从下向上移动的代码实例：
<p align=LEFT>
<marquee scrollamount=1 direction=up width="450">
<font face=隶书 size=6 color=#0000ff><b>
<pre>
　七律　晚春
　
晚春枝叶寂情留，
花影飘零夜静悠。
聆听风声拽竹语，
寞然月色映香幽。
青山胜迹花归去，
满地殷红意止休。
思愿梦乡仍聚景，
      醒寻幻象忆关攸。  　　　　
　</pre></b></font></marquee></P>
（提示：
◆第一行代码<p align=LEFT>是居左定位．可改换为居中或居右，
◆居中的代码：<p align=CENTE>
◆居右的代码：<p align=RIGHT>
◆在这个代码中设置有文字依原有形式显示指令．
◆在代码框中更换文字内容，运行效果成功，就是一个作品了）．
作者: 李听圃    时间: 2013-12-30 00:20
这个帖子很好，小轩可以多来教教大家。对社区的文学深度交流有利。
作者: 陈小轩    时间: 2013-12-30 00:33
李听圃 发表于 2013-12-30 00:20 static/image/common/back.gif
这个帖子很好，小轩可以多来教教大家。对社区的文学深度交流有利。

也用不着怎么学的，就在这里复制更换图片与颜色歌曲就可以发布了的。
作者: 陈小轩    时间: 2014-1-5 00:43
本帖最后由 陈小轩 于 2014-10-18 13:27 编辑 <br /><br /><P align=center>
<DIV id=table1 style="LEFT:20px; WIDTH: 750px; POSITION: relative; TOP: 20px">
<table border="25" width="840" cellpadding="10" bgcolor="#adad07" height="200" bordercolor="#6c6c02" id="table1">
<tr>
<td>
<font face=黑体 size=6 color="#2F4F4F">
颜色背景图框实例　
</b></font></DIV>
</td></tr></table></DIV>
</P>
作者: 陈小轩    时间: 2014-1-5 00:45
本帖最后由 陈小轩 于 2014-12-25 16:08 编辑 <br /><br /><P align=center>
<DIV id=table1 style="LEFT:10px; WIDTH: 800px; POSITION: relative; TOP: 10px">
<table border="10" width="800" cellpadding="10" bgcolor="#FF00FF" height="10" bordercolor="#000097" id="table1">
<tr>
<td>
<br>
<P align=center><EMBED allowScriptAccess="never" allowNetworking="internal" src="http://bbs.sdinfo.net/attachments-bak/day_100613/1006131717f4ef27a6b2a2254f.swf  
" width=740 height=500 type=application/x-shockwave-flash > </P>
<p align=center>
<marquee scrollamount=1 direction=up width="550">
<font face=隶书 size=6 color=#FFD306><b>
<pre>
一年四季总会有风雨
有风雨总是想到你
你说你喜欢雨中散步
雨中散步有诗意
我曾陪你陪你在风雨里
留下了甜蜜回忆
如今我已喜欢蒙蒙地细雨
只是不见爱的你

一年四季总会有风雨
有风雨总是想到你
你说你喜欢雨中散步
雨中散步有诗意
我曾陪你陪你在风雨里
留下了甜蜜回忆
如今我已喜欢蒙蒙地细雨
只是不见爱的你
</pre></b></font></marquee></P>
</b></font></DIV>
</td></tr></table></DIV>
</P>
作者: 陈小轩    时间: 2014-1-5 01:43
<CENTER>
<font face=华文行楷 size=7  color=#FF0000>
四季歌文学社区

</font>
</CENTER>
<br>
<CENTER>
<font face=华文行楷 style="FONT-SIZE: 200pt" color=#ff0000>
福
</font>
</CENTER>
<br>
<DIV style="FILTER: shadow(color=#0000ff, strength=6); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ffff00>
四季歌文学社区

</b></FONT></DIV><br>
作者: 清风    时间: 2014-1-6 21:13
陈小轩 发表于 2014-1-5 00:45 static/image/common/back.gif
本帖最后由 陈小轩 于 2014-1-5 00:57 编辑

好美！
作者: 陈小轩    时间: 2014-3-1 18:44
清风 发表于 2014-1-6 21:13
好美！

谢谢！问好清风姐姐:handshake
作者: 清风    时间: 2014-3-1 19:49
陈小轩 发表于 2014-3-1 18:44
谢谢！问好清风姐姐

问候小轩！由于代码暂时不能用，原来的美图都成代码了~~:handshake
作者: 陈小轩    时间: 2014-3-1 21:36
本帖最后由 陈小轩 于 2014-4-30 00:12 编辑 <br /><br />[quote][url=http://bbs.sijige.net/forum.php?mod=redirect&goto=findpost&pid=100658&ptid=13825]清风 发表于 2
作者: 陈小轩    时间: 2014-8-10 06:29
:):)



欢迎光临 四季歌文学社区 (http://shijiwenxue.top/) Powered by Discuz! X3.1