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

幽谷清风 通辽

科尔沁之声

 
 
 

日志

 
 
关于我

★我是一只小鸟:飞向蓝天是我的追求,栖息大地是我的渴望 ★我是一缕清风:没有人感到我的存在,也没人感到我的不在

网易考拉推荐

网页编辑:认识博客网页中的html代码  

2013-03-07 05:21:22|  分类: 【各类代码】…… |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

字 体 控 制 代 码

◆字体加粗: <B>写上你想写的字</B>
◆字体斜体: <I>写上你想写的字</I>
◆字体下划线∶ <U>写上你想写的字</U>
◆字体删除线∶ <S>写上你想写的字</S>
◆字体加大∶ <BIG>写上你想写的字</BIG>
◆打字机字体∶ <TT>写上你想写的字</TT>
◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>
◆换行: <BR>
◆空格: &nbsp;
◆段落: <P></P>段落
◆原始文字样式:<PRE>正文</PRE>
◆常用字体代码:宋体、黑体、楷体_GB2312 、仿宋_GB2312 、新宋体、幼圆、 隶书、方正舒体 、 华文新魏 、华文行楷 、华文细黑 、 华文彩云 、 方正姚体、迷你简粗倩、
◆字体控制大小: <H1>写上你想写的字</H1>(其中字体大小可从h1-h5,h1最大,h5最小)、(字号大小 size=1—7 ,参数1字体小,7字体最大。还可用CSS样式来定义字体,即:style=font:20pt 。)
◆更改字体颜色:<FONT color=#0a00e>写上你想写的字</FONT>(其中value值在000000与ffffff(16位进制)之间
◆坚排文字的代码∶ <P align=right><FONT style="FONT-SIZE: 16pt; WIDTH: 300px; COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb-rl; TEXT-ALIGN: left">竖排文字<BR>竖排文字<BR>竖排文字 (靠右排版right)
◆移动字体(走马灯效果): <MARQUEE>写上你想写的字</MARQUEE>
◆字体设置:①  <FONT style="FONT-SIZE: 15pt" color=#ff0000>
◆字体设置:②  <FONT face=隶书 color=#0000ff size=5>选择文字式样、颜色、大小
◆彩字设置:①  <DIV style="FONT-SIZE: 25pt; FILTER: glow(color=ffffff); COLOR: #000000; FONT-FAMILY: 隶书; HEIGHT: 10px"> 显示虚边字代码
◆彩字设置:②  <DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#333366,direction=240); WIDTH: 550px; COLOR: #ff0033; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_gb2312; HEIGHT: 51px"> 显示字阴影(direction=240数值变化可改变阴影方向,看标题效果)
◆彩字设置:③  <MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 );  COLOR: #ff0000; FONT-FAMILY: 华文新魏" >显示虚边字和移动代码</MARQUEE> (滚动效果)
◆彩字设置:④  <DIV style="FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 685px" twffan="done"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ff0000> 可改变虚边大小的虚边字代码(strength=10改变此数字即可)
◆彩字设置:⑤全色底埔色上写字 <FONT face=隶书 style="BACKGROUND-COLOR: #000000" color=#ffffff size=2> 


    对 齐 方 式 代 码

◆左对齐:  <LEFT>
◆中对齐:  <CENTER> 或 <P align=center> 或 <DIV align=center>
◆右对齐:  <RIGHT>
◆段落水平对齐:<ALIGN="相关参数"> 其常见的设定值有三个:置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">
◆缩排:<BLOCKQUOTE> 要缩排的文字 </BLOCKQUOTE>。一组缩排一个单位,二组缩排两个单位,以此类推。

 

文 字 控 制 代 码

◆文字向上滚动的代码: <MARQUEE scrollAmount=3 direction=up height=50>
<CENTER><FONT face=黑体 color=blue size=5><B>文字一<BR><BR>文字二<BR><BR>文字三< BR><BR>文字四<BR><BR>文字五</B></FONT> <BR><BR></CENTER></MARQUEE> (滚动速度scrollAmount=3 )<MARQUEE>里面的参数修改一下,效果将不一样,这里仅提醒一下direction=添加方向代码为: 向下(down)、向上( up )、向左(left)和向右(right)。
◆文字上下往复跳跃移动代码: <MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=1 direction=up behavior=alternate>
<CENTER><FONT face=隶书 color=#ffff00 size=7>插入文字</CENTER></FONT></MARQUEE>
◆左右往复移动代码: <BEHAVIOR=ALTERNATE>
◆文字移动走走停停代码: <MARQUEE scrollAmount=54 scrollDelay=500 behavior=alternate>插入文字</MARQUEE>蓝色部分可调方向、速度

 

图 片 控 制 代 码

◆贴图: <IMG src="图片地址"> (这一导入图片的代码没有放大缩小的功能)
◆贴图: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="粘贴图片地址" border=0>(改变81px 、80px 数据变换图片的大小)
◆图片产生梦幻(羽化)效果的代码: <IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" src="图片地址" > (opacity=100可在百内变、style=0(0=平均透明,1=片状透明,2=圆型透明,3=方型透明变) 、 WIDTH 、HEIGHT(表示宽度和高度,其值可以变)
◆换帖子背景: <body background="背景图片地址">
◆添加日志文字背景图的代码:<TABLE width="100%" border=0><TBODY><TR><TD background=图片网址 height=384>
◆定制帖子背景颜色:<body bgcolor="#value"> (颜色value值)
◆固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
◆加背景图片:  <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a align=center background=背景图片 border=3>
◆图片滚动代码: (从下往上滚动)
<MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=548 >
<IMG src="添加滚动的图片地址1/" border=0>
<IMG src="添加滚动的图片地址2/" border=0></MARQUEE>
◆移动图片的代码: 向左 <MARQUEE><IMG src="图片地址";><IMG src="图片地址";><IMG src="图片地址";></MARQUEE>将其前面兰色代码换上如下代码即改变移动方向
向右: <MARQUEE direction=right>向上: <MARQUEE direction=up>向下: <MARQUEE direction=down>往复来回:
<MARQUEE behavior=alternate> 图片地址换成自己网上找的就行。按照格式在中间重复插入:<IMG src="图片地址";>


链 接 代 码

◆文字的连接: <A href="链接地址"><FONT color=#ff0000>写上你的字</FONT></A> (字的颜色自定)
◆图片的连接: <A href="链接图片地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>
◆友情的连接: <A href="链接网址" target=_blank>链接网址名字 (也可作文章链接、换成文章链接网址和文章名字)
◆新窗口打开连接:<A href="链接地址" target=_blank>写上你的字</A>
◆“幽谷清风博客”的链接代码∶ <A href="http://gaodonghai-01.blog.163.com/
" target=_blank><FONT color=#0000ff size=5>要写的字、或要链接的图片地址。
◆消除连接的下划线:<A style="TEXT-DECORATION: none" href="相关地址">写上你想写的字</A>
◆鼠标指向图片可显示导航名称并链接代码:<A href="加入要链接的地址" target=_blank><IMG title=写上要显示的名称 height=290 src="使用的图片地址" width=150></A>


控 制 FLASH 代 码

◆粘贴FLASH:  <embed src="FLASH地址" width="宽度" height="高度">
◆首页FLASH: 找到FLASH地址 后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了,这个很简单。
◆日志里的FLASH: 为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 不要忘记点那个<显示HTML代码>了 必须先点一下<>后再复制上去.再点这个<><隐藏HTML代码>即显示了。
◆日志里粘贴【FLASH】动画的代码是: <EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">
◆粘贴【Flash】动画代码∶
(1)粘贴非透明动画代码:  <EMBED src=FLASH动画地址 width=600 height=420 type=application/x-shockwave-flash quality="high" >  (width、 height 宽度和高度值是可改变 )
(2)粘贴透明动画代码: <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH动画地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" >  
◆控制【Flash】动画或【图片】及文字等定位代码: <P style="MARGIN-TOP: -70px; MARGIN-LEFT: -10px">  (加在FLASH动画或图片代码前面、MARGIN-TOP: 0px  上下定位,- 往上移,+ 往下移、MARGIN-LEFT: 0px   左右定位,+ 往右移,- 往左移)


常 用 模 块 代 码
◆<TABLE> 表格、背景图等模块代码:
◆无名表格 <FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>无名表格</LEGEND><P>添加内容</P></FIELDSET> (可取舍align=center)
◆无名表格Ⅰ <FIELDSET style="WIDTH: 600px; COLOR: #000000" align=center><LEGEND style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: blue; BORDER-BOTTOM: #ff0000 1px solid">表中表效果Ⅰ</LEGEND>添加内容</FIELDSET>
◆ <P></P> 段落模块代码
◆ <DIV></DIV> 段落模块,与P在自定义模块时换段不同代码
◆ <P>&nbsp;</P>  &nbsp; 是空白字位,与P组合成空白段落模块。文字排版时用得上
◆ <IMG> 贴图片、影视文件模块模块代码
◆ <EMBED> 图片边文字排版、音乐、视频、(透明FLASH)动画、背景音乐模块代码)
◆ <MARQUEE> 走动文字幕、走动图片幕模块代码
◆<HR></HR>划横线模块(大小、颜色自已选择组合<HR= coor=#ff0000 size=1>)
◆ <TBODY>
    <TR>
    <TD> ∶<TR>是添加横, <TD>是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码
◆表格基本代码∶
<TABLE cellSpacing=0 cellPadding=0  borderColor=#2f6cd2 bgColor=#ff0000 border=1>
<TBODY>       〖 colSpan=2   〗  表格合并列代码
<TR>             〖 rowSpan=4  〗  表格合并行代码 
<TD>              background=背景图片地址  bgColor=#背景颜色

 

颜 色 方 面 代 码

◆颜色属性:<HR COLOR="颜色代码或颜色名称">。
◆宽窄属性:<HR WIDTH="宽度">,单位为px,宽度也可用百分比来作设定,如50%即为宽度占屏幕的50%。
◆厚度属性:<HR SIZE="厚度">。
◆位置属性:<HR ALIGN="水平位置设定值">,其设定置左"LEFT"、置中"CENTER"、置右"RIGHT"。
◆阴影属性:<HR NOSHADE>,无设定值,只要将NOSHADE加入即可,通常会配合颜色设定,效果较佳。

 

音 乐 播 放 器 代 码

◆隐藏播放器自动播放: <EMBED src=音乐文件地址 width=0 height=0 type=audio/x-pn-realaudio-&amp;13;plugin AUTOSTART="true" LOOP="true" CONTROLS="ControlPanel,StatusBar">  (要显示播放器调整width=0、 height=0数值)
◆显示播放器手动播放: <EMBED src=音乐文件地址 width=550 height=45 type=audio/mpeg autostart="false">
◆贴音乐:<EMBED src=音乐地址 width=宽度 height=高度 type="text/html; charset=GBK" autostart="false">
◆帖子背景音乐: <BGSOUND="背景音乐地址" loop="infinite">
◆贴影视文件: <IMG start=mouseover height=高度 dynsrc=文件地址 width=宽度>
◆贴FLASH: <EMBED src=FLASH地址 width=宽度 height=高度 type="text/html; charset=GBK">

 

其 他 部 分 实 用 代 码
◆滚动条添加: <DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left> 在这里输入是文字,也可以是链接。 注:此(left)为对齐方式,当前是左对齐
◆滚动条表格: <TABLE width=280 align=center border=1><TBODY><TR><TD align=middle bgColor=cyan height=30><FONT color=#ffffff>带滑动条的表格</FONT></TD><TR><TD bgColor=yellow><DIV style="OVERFLOW: auto; HEIGHT: 90px">  在这里添加日志内容。
◆友情连接<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="90%" height=100><A href="对方地址" target=cont><IMG height=100 src="对方图片" width=100 border=0></MARQUEE>


 

 

 

网页编辑:认识博客网页中的html代码 - 幽谷清风 - 幽谷清风 通辽

 有刚去过● 网易博客

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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