好友

享受生命，享受健康，享受快乐，享受幸福！

日志

关于我

好友

一个善解人意,宽宏大量,包容一切,非常随和的老人。

文章分类

代码基础知识及应用

2011-10-18 22:02:58| 分类：【博客代码】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

代码基础知识及应用

墨海雪浪的代码基础知识及应用

此代码来源于学习教程，记熟制作博客，网页，QQ空间，包括网站也都可以用上．下面的就是最常用的代码基础．

一．字体语法：

　　align=center 字体居中

　　align=right 字体居右

　　align=left 字体居左

　　align=up 字体居上

　　align=down 字体居下

　　<font color=ff000>...</font> 字体颜色

　　face=华文行楷表示字体

　　<font style=font:30pt face=新宋体 color=#ff0000>文字</font>

　　　　　　　font:30pt 数值大文字就大

<font size=1>...</font> 最小字体

　　<font size=7>...</font> 最大字体

<h1>...</h1> 标题字(最大 )

　　<h6>...</h6> 标题字(最小)

<b>...</b>　粗体字

　　<strong>...</strong> 粗体字(强调)

　　<i>...</i> 斜体字 　

　　<em>...</em> 斜体字(强调)

　　<dfn>...</dfn> 斜体字(表示定义) 　

　　<u>...</u> 底线

　　<ins>...</ins> 底线(表示插入文字)

　　<strike>...</strike> 横线

　　<s>...</s> 删除线

　　<del>...</del>　删除线(表示删除)

　　<kbd>...</kbd> 键盘文字

　　<tt>...</tt> 打字体

　　<xmp>...</xmp 固定宽度字体(在文件中空白、换行、定位功能有效)

　　<plaintext>...</plaintext> 固定宽度字体(不执行标记符号)

　　<listing>...</listing> 固定宽度小字体

　　<font style ="font-size:100px">...</font> 无限增大

二．区断标记：

　　<hr> 水平线

　　<hr size="9" 水平线(设定大小)

<hr width="80%"> 水平线(设定宽度)

　　<hr color="ff0000"> 水平线(设定颜色)

　　<br>　(换行)

　　<nobr>...</nobr> (不换行)

　　<p>...</p>　(段落)

　　<center>...</center> 置中 <!>连结格式

　　<base href=地址> (预设好连结路径)

　　<a href=地址></a> 外部连结

　　<a href=地址 target="_blank"></a> 外部连结(另开新窗口)

　　<a href=地址 target="_top"></a> 外部连结(全窗口连结)

　　<a href=地址 target="页框名"></a> 外部连结(在指定页框连结)

三．贴图/音乐：

　　<img src=图片地址> 贴图

　　<img src=图片地址 width="180"> 设定图片宽度

　　<img src=图片地址 height="30"> 设定图片高度

　　<img src=图片地址 alt="提示文字"> 设定图片提示文字

　　<img src=图片地址 border="1"> 设定图片边框

　　<bgsound src=MID音乐文件地址> 背景音乐设定

　　<body background="背景图片地址"> 贴背景

　　<body bgcolor="#ff0000"> 设定背景颜色

　　<embed src="flash地址" width="宽度" height="高度"> 贴Flash图

　　<img dynsrc="影视文件地址" width="宽度" height="高度" start=mouseover> 贴影视

　　<iframe src="相关地址" width="宽度" height="高度"></iframe> 贴网页

　　<A href="对方网址">写文字文字连接

　　<a href="对方网址"><IMG src="图片地址" border=0> 图片连接

　　<DIV><FONT face=黑体 color=#ff0000 size=4> <A href="对方网址">文字</DIV> 彩色文字连接

　　<P align=center><FONT color=#0066ff face=华文行楷 size=5>插入文字</FONT></P>设定文

四．滑动语法：

　　<marquee>...</marquee>普通滑动

　　<marquee behavior=slide>...</marquee>滑动

　　<marquee behavior=scroll>...</marquee>预设卷动

　　<marquee behavior=alternate>...</marquee>来回滑动

　　<marquee direction=down>...</marquee>向下滑动

　　<marquee direction=up>...</marquee>向上滑动

　　<marquee direction=right></marquee>向右滑动 　

　　<marquee direction=left></marquee>向左滑动

　　<marquee loop=2>...</marquee>滑动次数

　　<marquee width=180>...</marquee>设定宽度

　　<marquee height=30>...</marquee>设定高度

　　<marquee bgcolor=FF0000>...</marquee>设定背景颜色

　　<marquee scrollamount=2>...</marquee>设定滑动速度数值

　　<marquee scrolldelay=200>...</marquee>设定滑动时间

<marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑动停顿

　<body background="背景图片地址" body bgproperties=fixed>固定背景不随滚动条滚动

五．表格语法：

　　<table aling=left>...</table>表格位置,置左

　　<table aling=center>...</table>表格位置,置中

　　<table background=图片路径>...</table>背景图片的URL=就是路径网址

　　<table border=边框大小>...</table>设定表格边框大小(使用数字)

　　<table bgcolor=颜色码>...</table>设定表格的背景颜色

　　<table borderclor=颜色码>...</table>设定表格边框的颜色

　　<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

　　<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

　　<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)

　　<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)

　　<table cols=参数>...</table>指定表格的栏数

　　<table frame=参数>...</table>设定表格外框线的显示方式

　　<table width=宽度>...</table>指定表格的宽度大小(使用数字)

　　<table height=高度>...</table>指定表格的高度大小(使用数字)

　　<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

　　<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

　　<!>分割窗口

　　<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

　　<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

　　<frameset cols="20%,*">分割左右两个框架

　　<frameset cols="20%,*,20%">分割左中右三个框架

　　<分割上下两个框架

　　<frameset rows="20%,*,20%">分割上中下三个框架

　　<! - - ... - -> 批注

　　<A HREF TARGET> 指定超级链接的分割窗口

　　<A HREF=#锚的名称> 指定锚名称的超级链接

　　<A HREF> 指定超级链接

　　<A NAME=锚的名称> 被连结点的名称

　　<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址

评论这张

转发至微博

阅读(357)| 评论(2)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_095075081094080070085086095095085085089066083095082068084',
              blogTitle:'代码基础知识及应用',
              blogAbstract:' <TR\><TD\></TD\></TR\>   <P\></P\>  <P\></P\>  <TABLE style=\"LEFT: -120px; WIDTH: 750px; TOP: 0px;\"  cellSpacing=\"35\" align=\"center\" background=\"http://img.bimg.126.net/photo/nr32yFZO6Wt94gF46uQvRA==/4251116573261796186.jpg;\" border=\"0\" \>  <TBODY\>  <TR\>  <TD\>  <DIV align=\"center\" \>  <DIV\>  <DIV align=\"center\" \>  <TABLE width=\"99%\"  background=\"http://img775.ph.126.net/W0ZtSl9pWnlHGULFu1yN7g==/4856569248166039304.jpg\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <DIV align=\"center\" \>  <CENTER\>  <P style=\"TEXT-INDENT: 2em;\"  \>  <TABLE style=\"BORDER-COLLAPSE: collapse;\"  borderColor=\"#111111\" cellSpacing=\"3\" cellPadding=\"0\" width=\"90%\"  background=\"http://www.spiritisup.com/truesungold.jpg\" border=\"1\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <DIV align=\"center\" \>  <CENTER\>  <P align=\"center\" \>  </P\></CENTER\></DIV\></TD\></TR\></TABLE\></P\></CENTER\></DIV\></TD\></TR\></TABLE\></DIV\></DIV\></DIV\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/138179470201171195044217',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1318946578476,
              publishTime:1318946578443,
              permalink:'blog/static/138179470201171195044217',
              commentCount:2,
              mainCommentCount:1,
              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:'一个善解人意,宽宏大量,包容一切,非常随和的老人。',
              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/138179470201171195044217">${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 - 订阅此博客

好友

导航

日志

代码基础知识及应用

历史上的今天

最近读者

热度

评论

页脚