设为首页收藏本站

四季歌文学社区

 找回密码
 立即注册(鼓励中文名字)

QQ登录

只需一步,快速开始

查看: 681|回复: 18
打印 上一主题 下一主题

[原创] 《组装HTML代码》

[复制链接]
  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    跳转到指定楼层
    楼主
    发表于 2013-12-29 21:15:56 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式

    欢迎你来注册,这里有更多的热心朋友期待你的加盟参与。

    您需要 登录 才可以下载或查看,没有帐号?立即注册(鼓励中文名字)

    x
    本帖最后由 陈小轩 于 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>

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 转播转播 分享分享 分享淘帖 支持支持 反对反对
    回复

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    19#
     楼主| 发表于 2014-8-10 06:29:56 | 只看该作者
    :):)
    回复

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    18#
     楼主| 发表于 2014-3-1 21:36:33 | 只看该作者
    本帖最后由 陈小轩 于 2014-4-30 00:12 编辑 <br /><br />[quote][url=http://bbs.sijige.net/forum.php?mod=redirect&goto=findpost&pid=100658&ptid=13825]清风 发表于 2
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2015-8-9 21:10
  • 签到天数: 217 天

    [LV.7]常住居民III

    17#
    发表于 2014-3-1 19:49:01 | 只看该作者
    陈小轩 发表于 2014-3-1 18:44
    谢谢!问好清风姐姐

    问候小轩!由于代码暂时不能用,原来的美图都成代码了~~:handshake

    点评

    没事啊!我这里可以的啊!  详情 回复 发表于 2014-3-1 21:36
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    16#
     楼主| 发表于 2014-3-1 18:44:06 | 只看该作者

    谢谢!问好清风姐姐:handshake

    点评

    问候小轩!由于代码暂时不能用,原来的美图都成代码了~~  详情 回复 发表于 2014-3-1 19:49
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2015-8-9 21:10
  • 签到天数: 217 天

    [LV.7]常住居民III

    15#
    发表于 2014-1-6 21:13:29 | 只看该作者
    陈小轩 发表于 2014-1-5 00:45 static/image/common/back.gif
    本帖最后由 陈小轩 于 2014-1-5 00:57 编辑

    好美!

    点评

    谢谢!问好清风姐姐  详情 回复 发表于 2014-3-1 18:44
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    14#
     楼主| 发表于 2014-1-5 01:43:31 | 只看该作者
    <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>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    13#
     楼主| 发表于 2014-1-5 00:45:02 | 只看该作者
    本帖最后由 陈小轩 于 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-6 21:13
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    12#
     楼主| 发表于 2014-1-5 00:43:08 | 只看该作者
    本帖最后由 陈小轩 于 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>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    11#
     楼主| 发表于 2013-12-30 00:33:05 | 只看该作者
    李听圃 发表于 2013-12-30 00:20 static/image/common/back.gif
    这个帖子很好,小轩可以多来教教大家。对社区的文学深度交流有利。

    也用不着怎么学的,就在这里复制更换图片与颜色歌曲就可以发布了的。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    16 小时前
  • 签到天数: 3672 天

    [LV.Master]伴坛终老1

    10#
    发表于 2013-12-30 00:20:44 | 只看该作者
    这个帖子很好,小轩可以多来教教大家。对社区的文学深度交流有利。

    点评

    也用不着怎么学的,就在这里复制更换图片与颜色歌曲就可以发布了的。  详情 回复 发表于 2013-12-30 00:33
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    9#
     楼主| 发表于 2013-12-29 21:55:57 | 只看该作者
    本帖最后由 陈小轩 于 2014-1-17 22:11 编辑


    练习文字和图片移动的方法.
    移动标签名称:
    <MARQUEE> 移动内容:文字或图片 </MARQUEE>
    仅用移动标签名称,没有其它属性内容,系统默然从右向左移动.
    文字走马灯式向左走的代码:
    <MARQUEE>
    <font face=
    黑体 size=6 color=#FF0000>
    文字走马灯式向左走的代码效果
    </font>
    </MARQUEE>
    多张图片从右向左走的代码:
    <MARQUEE>
    </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>
    </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>
    ◆在这个代码中设置有文字依原有形式显示指令.
    ◆在代码框中更换文字内容,运行效果成功,就是一个作品了).
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2015-8-9 21:10
  • 签到天数: 217 天

    [LV.7]常住居民III

    8#
    发表于 2013-12-29 21:47:34 | 只看该作者
    高亮一下,大家来学习!{:soso_e182:}
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2015-8-9 21:10
  • 签到天数: 217 天

    [LV.7]常住居民III

    7#
    发表于 2013-12-29 21:45:37 | 只看该作者
    谢谢小轩!我慢慢学习,我学的有点慢~~{:soso_e100:}
    我的qq:358020948  你加我,我改天有空和你学习{:soso_e178:}

    点评

    我己经加你qq了,“雅洁的……想念  详情 回复 发表于 2013-12-29 21:55
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    6#
     楼主| 发表于 2013-12-29 21:28:06 | 只看该作者
    HTML颜色代码表:

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

    5.jpg

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

    6.jpg

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

    7.jpg

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

    8.jpg
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    5#
     楼主| 发表于 2013-12-29 21:23:16 | 只看该作者
    学习图片加叠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>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    地板
     楼主| 发表于 2013-12-29 21:19:59 | 只看该作者
    学习各种贴图代码

    做音画贴要在图框内插入图片,必须在网上取来图片地址,方法是:标鼠对着图片击右键,在弹出下拉菜单中选最下行的"属性",在弹出的窗口选中部的地址(URL),把地址完整的复制下来就可用了。图片地址样式:
    贴图代码

    " 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>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    板凳
     楼主| 发表于 2013-12-29 21:18:48 | 只看该作者
    <CENTER>
    <font face=字体代码 size=字号1-7 color=文字颜色代码>
    四季歌文学社区
    </font>
    </CENTER>
    文字代码实例:
    <CENTER>
    <font face=华文行楷 size=7  color=#FF0000>
    四季歌文学社区
    </font>
    </CENTER>
    说明:字号1最小,字号7最大
    大号文字代码实例:
    <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>
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-24 16:24
  • 签到天数: 33 天

    [LV.5]常住居民I

    沙发
     楼主| 发表于 2013-12-29 21:16:54 | 只看该作者
    本帖最后由 陈小轩 于 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>

    回复 支持 反对

    使用道具 举报

    本版积分规则

    QQ|Archiver|手机版|小黑屋|四季歌文学社区 ( 京ICP备14012862号-2  

    GMT+8, 2024-11-25 17:01 , Processed in 0.143668 second(s), 28 queries .

    Powered by Discuz! X3.1

    © 2001-2013 Comsenz Inc.

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