美丽伊甸园

maizi欢迎您

日志

关于我

麦子-雪晨

微 maixuechen

文章分类

HTML编程简

2010-01-27 19:31:41| 分类：怎样装扮博客 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

　　　播放器有过百种，一个代码公式就可巧妙运用为多元化：
　　　　
　　　　　　(1)点击播放
　　　　　　<EMBED src=音乐链接 autostart=false width=宽度 height=30 type=audio/x-ms-wma></embed>
　　　　　　(2)一次播放
　　　　　　<EMBED SRC=音乐链接 width=宽度 height=30></embed>
　　　　　　(3)重复播放
　　　　　　<embed src=音乐链接 width=宽度 height=30 type=audio/mpeg loop=-1 autostart=true volume=0 style=filter:xray;></embed>
　　　　　　（4）移动播放、闪亮播放、贴图播放、半雾蒙蒙或隐藏播放等等。。。。
　　

　　　　一个特别播放器的演示：
　　　　
　　　　全屏播放--制作演示进入：http://www.haofa.net/bfq/demo.htm?music1
　　

　　
　　
　　　　《二》贴图欣赏--澳门/珠海 2009年摄
　　
　　　　温馨提示：上传相片格式可以是.gif、.jpg，且单张相片大小不超过2M（插入图片，前提一定要先保存在网易相册里）
　　
　　　　图片、播放器以及文字走动会更精彩，有机会再一一列出：（之后会提及）
　　　　　　
　　 HTML编程简 - 麦子 - 美丽伊甸园

　　　　以上代码为：
　　　　　　
　　　　插入普图片：<img src="http://img1.tianya.cn/photo/2009/5/10/12915302_18863826.jpg">
　　　　　　
　　　　图片原始淡化：<IMG SRC=http://img1.tianya.cn/photo/2009/5/10/12915302_18863826.jpg style=border-style:outset;border-color:055200;filter:Alpha(Opacity=100,style=3)>
　　　　
　　　　地址连接可随意改动，一定要是社区图片哈。另，淡化代码中出现数字纯属淡化程度，各人所爱。（以上数据为标准淡化）
　　　　< > ---是代码连接封口。有进必有出，缺一不可
　　　　IMG SRC= ---是地址的公式
　　　　style= ---承接淡化公式的必要（代码中常用，下下节再提及其用途） 1.风格,作风[C][U] 2.文体;文风;语调[C][U]
　　　　color ---是颜色的英文翻释（下节字体颜色变换详解）

　　　　《三》字体加色以及更多变化：

　　　　
　　　　1.下划线：<U>内容</U>
　　　　2：加粗：<b>内容</b>
　　　　3.大标题：<h1>内容</hl>
　　　　4.网页格式：<tt>内容</tt>
　　　　5.滚动：<marquee>内容</marquee>
　　　　6.换行：<br>
　　　　7.颜色设定：<font color=?>内容</font> （英文或固定颜色代码）
　　　　
　　　　更多总结：
　　　　
　　　　1．<EMBED SRC=歌曲地址 width=200 height=50>
　　　　如：<EMBED SRC=http://www.mschool.com.cn/resource/free/sq/suzhijiaoyu/yinyue/yinyue/nkhl.mp3 width=200 height=50>
　　　　200是宽度，50是高度
　　　　
　　　　中间有省略号的地址一般用不了，这点要掌握哦。
　　　　
　　　　2．
　　　　图片连接代码
　　　　
　　　　<IMG SRC=HTTP://photos.gznet.com/photos/1116659/1116659-OpMier66BZ.gif>
　　　　<IMG SRC=歌曲出处>
　　　　
　　　　3．
　　　　帖子背景
　　　　
　　　　<body topmargin=0 leftmargin=0 background=http://www.zzi.cc/sck/jmbz/bz7/b04.gif>
　　　　<body topmargin=0 leftmargin=0 background=图片连接地址>
　　　　图片一定为天涯相册取得，大图为妙。
　　　　
　　　　4.
　　　　给文字加上颜色的方法：
　　　　
　　　　点[编辑]，在要加颜色的文字前后加上命令。如下：
　　　　<font color=#颜色的代码>文字内容</font>
　　　　
　　　　5．
　　　　超链接使用方法:
　　　　
　　　　<a href=欲链接的地址 target=_blank>文字说明</a>
　　　　
　　　　6．
　　　　滚动标题的使用方法:
　　　　
　　　　来回滚动，命令如下：
　　　　<marquee behavior=alternate><font color=#颜色代码>文字内容</marquee >
　　　　
　　　　向一边滚动，命令如下：
　　　　<marquee><font color=#颜色代码>文字内容</marquee >
　　　　
　　　　7．
　　　　帖子的正文部分居中
　　　　
　　　　<center>内容</center>
　　　　
　　　　8．
　　　　flash代码
　　　　
　　　　<EMBED SRC=FLASH地址 width=650 height=480></embed>
　　　　650是宽度 480是高度
　　　　
　　　　9．
　　　　移动的图片：
　　　　　　　　
　　　　<marqueebehavior=alternate><img src=http://www.bmw.com.cn/images/download/z4/z4_800x600_03.jpg width=800height=800alcolor=blue></marquee></font>
　　　　第一个800是宽度，第二个800是高度
　　　　
　　　　10．
　　　　改变字体大小，方法如下：
　　　　<h*>文字内容〈/h*>
　　　　*从2-5任意选择，不同的数字会有不同的效果
　　　　<h2>2号字体</h2>
　　　　<h3>3号字体</h3>
　　　　<h4>4号字体</h4>
　　　　<h5>5号字体</h5>
　　　　
　　　　11．
　　　　字体
　　　　<B>粗体字</B>
　　　　<I>斜体字</I>
　　　　<u>下划线</u>
　　　　<sup>上标</sup>
　　　　<sub>下标</sub>
　　　　<strong>增强</strong>
　　　　<em>强调</em>
　　　　

HTML 文件结构(Document Structures)

　　　　 HTML 页面结构(font)

　　　　 HTML 文字布局(TEXT STYLE)

　　　　 HTML 图像基本语法(IMAGE)

　　　　 HTML 表格基本语法(IMAGE)　　

评论这张

转发至微博

阅读(255)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_083075084080084074092095094095085087086064085087080064',
              blogTitle:'HTML编程简',
              blogAbstract:'<CENTER\>  <DIV\>  <DIV\>  <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>　　　播放器有过百种，一个代码公式就可巧妙运用为多元化：<BR\>　　　　<BR\>　　　　　　(1)点击播放<BR\>　　　　　　<EMBED src=音乐链接 autostart=false width=宽度 height=30 type=audio/x-ms-wma></embed><BR\>　　　　　　(2)一次播放<BR\>　　　　　　<EMBED SRC=音乐链接 width=宽度 height=30></embed><BR\>　　　　　　(3)重复播放<BR\>　　　　　　<embed src=音乐链接 width=宽度 height=30 type=audio/mpeg</P\></DIV\></DIV\></CENTER\>',
              blogTag:'',
              blogUrl:'blog/static/11731163201002773141522',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1316937742720,
              publishTime:1264591901522,
              permalink:'blog/static/11731163201002773141522',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'微   maixuechen',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/11731163201002773141522">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

美丽伊甸园

导航

日志

HTML编程简

历史上的今天

最近读者

热度

评论

页脚