网页基本代码解读大全

吉祥如意988 2014-04-09

展开全文

网页基本代码解读大全

编辑/吉祥如意988

字体控制代码

◆字体加粗： <B>写上你想写的字</B>

◆字体斜体： <I>写上你想写的字</I>

◆字体下划线∶ <U>写上你想写的字</U>

◆字体删除线∶ <S>写上你想写的字</S>

◆字体加大∶ <BIG>写上你想写的字</BIG>

◆打字机字体∶ <TT>写上你想写的字</TT>

◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>

◆换行： <BR>

◆空格：

◆段落： <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><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://jxry988.360doc.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> </P> 是空白字位,与P组合成空白段落摸块。文字排版时用得上

◆ <IMG> 贴图片、影视文件摸块摸块代码

◆ <EMBED> 图片边文字排版、音乐、视频、(透明FLASH)动画、背景音乐摸块代码)

◆ <MARQUEE> 走动文字幕、走动图片幕摸块代码

◆<HR></HR>划横线模块(大小、颜色自已选择组合<HR= coor=#ff0000 size=1>)

◆ <TBODY>
<TR>
<TD> ∶<TR>是添加行, <TD>是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码

◆表格基本代码∶

<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-&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>

欢迎光临吉祥如意图书馆