注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

冰の雪儿

修养如书,精彩其内;修养如乐,怡情无声。

 
 
 

日志

 
 

【代码应用】基本代码  

2013-03-28 14:49:14|  分类: 代码应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自香飘四季《基本代码》

                    基本代码 - 香飘四季 - 香飘四季

一、html代码:

1、基本语法:

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

2属性如下: align=center 表示字体居中,可选值为居右(right)居左(left) color=颜色代码 ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色) 还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同, 颜色就不同了.例如,红色就表示为:color=#ff0000 face=字体 说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”,就表示为: face=华文行楷 size=字体大小 如,size=1 size=2 size=5

 3  输入一行文字:   < FONT   face  = 隶书 > 欢迎光临

说明:A、FONT表文字的属性;

               B、face表字体;

               C、“=”号后填选择的字体,你想选什么字体,就填什么字体;

               D、这个号<>,是不能写掉的,而且代码必须写在这个号之内.

<FONT face=隶书 color=#ff0000 size=5 >欢迎光临香飘四季博客

          说明:字体、颜色、字的大小的几个代码的位置可以交换。

颜色的代码:绿色取值:00ff00  蓝色取值:0000ff

                            黑色取值:000000  白色取值:ffffff

其它颜色代码请参看:颜色代码表

 1)贴图:<img src="图片地址">

 2)加入连接:<a href="连接地址">写上你想写的字</a>

 3)在新窗口打开连接:<a href="相关地址" target="_blank">相关文字</a>

 4)移动字体:<marquee>相关文字</marquee>

 5)字体加粗:<b>相关文字</b>

 6)字体斜体:<i>相关文字</i>

 7)字体下划线: <u>相关文字</u>

 8)字体删除线: <s>相关文字</s>

 9)字体加大: <big>相关文字</big>

 10)字体控制大小:<h1>相关文字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

 11)更改字体颜色:<font color="#value">相关文字</font>(其中value值在000000与ffffff(16位进制)之间

 12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">相关文字</a>

 13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

 14)贴flash: <embed src="flash地址" width="宽度" height="高度">

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

 16)换行       <br>

 17)段落      <p>相关文字</p>

 18)原始文字样式:<pre>相关文字</pre>

 19)换帖子背景:<body background="背景图片地址">

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

 21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

 22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

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

. 添加Flash背景图片代码及说明

     <CENTER><EMBED style="LEFT: 10px; ; TOP: -70px" align=right src=Flash地址 width=500 height=500 type=application/x-shockwave-flash ; quality="high" wmode="transparent"></CENTER>

      代码说明:

width   height分别是Flash的宽度和高度,可以自定义设置。
        style="LEFT: 10px是距离左边缘的距离(left=左,right=右)
        TOP: -70px:这是距离顶端的距离。

三 文字 图片的连接

1  文字链接:

     代码公式是     <a href="相关地址" target="_blank">相关文字</a> <br>

  注:添加颜色、字体:

<a href="相关地址" target="_blank"> color=#ff0000    face=华文行楷 size=4 相关文字</a> <br>

 

代码公式中的"相关地址",填你要链接的那篇文章的网页页面网址或者图片的网页页面网址,“相关文字”,填你链接的那篇文章的题目或者你链接的那张图片的名称。

2  图片链接:

   图片链接代码(1):

       <A href="链接地址" target=_blank><IMG title="" height=400  title src="图片地址" border=0></A> (做法参考文字链接)

图片链接代码(2):

<A href=" http://blog.163.com/gsd_432427/" target=_blank><IMG title=点击图片即可进入博客 height=177alt src= http://img39.ph.126.net/LJYH0Z8t93cq_dqBUE0BYA==/3130283216001382345.jpg width=240></A>  

        说明:1、红色处是链接你要连接的网址;

                 2、粉红色处是图片地址

                 3、文字可填写你想写的文字 。

                     4、height=400   width=300 是图片的高和宽,需根据图片大小设置

四 移动代码:

 1、图片移动代码:

<marquee> 图片地址1</marquee>

 

图片移动代码基本公式:   

<marquee>插入图片(n张地址)</marquee>

     一、以上公式默认为:向左移动

     二、向右移动 :direction= right>

     三、向上移动 :direction=up>

     四、向下移动 direction=down >

 图片移动代码集锦   http://cgf65193.blog.163.com/blog/static/126274527200910702147704/

2、文字移动代码:http://cgf65193.blog.163.com/blog/static/126274527201033021919119/

                   

                 基本代码 - 香飘四季 - 香飘四季

 

 博客代码命令注解 - 武克 - 武克博客博客代码命令注解 - 武克 - 武克博客博客代码命令注解 - 武克 - 武克博客博客代码命令注解 - 武克 - 武克博客博客代码命令注解 - 武克 - 武克博客博客代码命令注解 - 武克 - 武克博客博客代码命令注解 - 武克 - 武克博客

一、字体语法:   

  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>  斜体字(强调)   

        <big>...</big> 字体加大

        <marquee>...</marquee>  移动字体(走马灯)

        <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> (换行)   

        &nbsp;  空格命令  

        <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> 用来显示电子邮箱地址

 

         

 

  评论这张
 
阅读(7)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017