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

夕阳无限美博客

*资源共享*喜欢即取*

 
 
 

日志

 
 

【代码应用】 博客基本代码解读大全  

2012-08-06 10:17:26|  分类: 【代码应用】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


【Flash教程】130个免费flash动画教程2 - 夕阳无限美 - 夕阳无限美欢迎您

字 体 控 制 代 码

◆字体加粗: <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="http://blog.163.com/图片地址"> (这一导入图片的代码没有放大缩小的功能)
◆贴图: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="http://blog.163.com/粘贴图片地址" border=0>
(改变81px 、80px 数据变换图片的大小)
◆图片产生梦幻(羽化)效果的代码: <IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" src="http://blog.163.com/图片地址" >
(opacity=100可在百内变、style=00=平均透明,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="http://blog.163.com/添加滚动的图片地址1/" border=0>
<IMG src="http://blog.163.com/添加滚动的图片地址2/" border=0></MARQUEE>
◆移动图片的代码: 向左 <MARQUEE><IMG src="http://blog.163.com/图片地址";><IMG src="http://blog.163.com/图片地址";><IMG src="http://blog.163.com/图片地址";></MARQUEE>
将其前面兰色代码换上如下代码即改变移动方向
向右: <MARQUEE direction=right>向上: <MARQUEE direction=up>向下: <MARQUEE direction=down>往复来回:
<MARQUEE behavior=alternate> 图片地址换成自己网上找的就行。按照格式在中间重复插入:<IMG src="http://blog.163.com/图片地址";>

链 接 代 码

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

控 制 FLASH 代 码

◆粘贴FLASH:  <embed src="http://blog.163.com/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="http://blog.163.com/对方地址" target=cont><IMG height=100 src="http://blog.163.com/对方图片" width=100 border=0></MARQUEE>



【HTML一些基本命令的代码】


<pre></pre>                   创建预格式化文本
<h1></h1>                   创建最大的标题
<h6></h6>                   创建最小一、HTML各种命令的代码:
<pre></pre>                   创建预格式化文本
<h1></h1>                   创建最大的标题
<h6></h6>                   创建最小的标题
<b></b>                     创建黑体字
<i></i>                       创建斜体字
<tt></tt>                       创建打字机风格的字体
<cite></cite>                     创建一个引用,通常是斜体
<em></em>                 加重一个单词(通常是斜体加黑体)
<strong></strong>                 加重一个单词(通常是斜体加黑体)
<font size=?></font>                   设置字体大小,从 1 到 7
<font color=?></font>                 设置字体的颜色,使用名字或十六进制值
2、图形(命令)
<img src="name">                  添加一个图像
<img src="name" align=?>               排列对齐一个图像:左中右或上中下
<img src="name" border=?>            设置围绕一个图像的边框的大小
<hr>                        加入一条水平线
<hr size=?>                    设置水平线的大小(高度)
<hr width=?>                    设置水平线的宽度(百分比或绝对像素点)
<hr noshade>                   创建一个没有阴影的水平线



3、链接(命令)
<a href="URL"></a>                 创建一个超链接
<a href="mailtEMAIL"></a>                 创建一个自动发送电子邮件的链接
<a ></a>                                   创建一个位于文档内部的靶位
<a href="#NAME"></a>               创建一个指向位于文档内部靶位的链接


4、格式排版(命令)
<p>                       创建一个新的段落
<p align=?>                     将段落按左、 中、 右对齐
<br>                         插入一个回车换行符
<blockquote></blockquote>              从两边缩进文本
<dl></dl>                       创建一个定义列表
<dt>                          放在每个定义术语词之前
<dd>                         放在每个定义之前
<ol></ol>                       创建一个标有数字的列表
<li>                            放在每个数字列表项之前,并加上一个数字
<ul></ul>                        创建一个标有圆点的列表
<li>                            放在每个圆点列表项之前,并加上一个圆点
<div align=?>                       一个用来排版大块HTML 段落的标签,也用于格式化表


的标题
<b></b>                        创建黑体字
<i></i>                          创建斜体字
<tt></tt>                          创建打字机风格的字体
<cite></cite>                        创建一个引用,通常是斜体
<em></em>                    加重一个单词(通常是斜体加黑体)
<strong></strong>                    加重一个单词(通常是斜体加黑体)
<font size=?></font>                      设置字体大小,从 1 到 7
<font color=?></font>                    设置字体的颜色,使用名字或十六进制值
2、图形(命令)
<img src="name">                     添加一个图像
<img src="name" align=?>                  排列对齐一个图像:左中右或上中下
<img src="name" border=?>               设置围绕一个图像的边框的大小
<hr>                          加入一条水平线
<hr size=?>                      设置水平线的大小(高度)
<hr width=?>                      设置水平线的宽度(百分比或绝对像素点)
<hr noshade>                     创建一个没有阴影的水平线



3、链接(命令)
<a href="URL"></a>                   创建一个超链接
<a href="mailtEMAIL"></a>                   创建一个自动发送电子邮件的链接
<a ></a>                                     创建一个位于文档内部的靶位
<a href="#NAME"></a>                创建一个指向位于文档内部靶位的链接


4、格式排版(命令)
<p>                         创建一个新的段落
<p align=?>                      将段落按左、 中、 右对齐
<br>                          插入一个回车换行符
<blockquote></blockquote>               从两边缩进文本
<dl></dl>                        创建一个定义列表
<dt>                           放在每个定义术语词之前
<dd>                          放在每个定义之前
<ol></ol>                        创建一个标有数字的列表
<li>                            放在每个数字列表项之前,并加上一个数字
<ul></ul>                        创建一个标有圆点的列表
<li>                            放在每个圆点列表项之前,并加上一个圆点
<div align=?>                       一个用来排版大块HTML 段落的标签,也用于格式化表



二、HTML基本语法


文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字体大小<basefont size>(取值范围从1到7,默认值为3)
改变字体大小<font size=?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=?></font>(?=宋体,楷体等)
网址链结<a href="URL"></a>
设定锚点<a ></a>(?以容易记为原则)
链结到锚点<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(锚点不同文件)
显示图形<img src="URL"></a>
图形位置<img src="URL"
align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL" width=? height=?>(?以像素为单位)
连结图形边线<img src="URL"border=?>(?以像素为单位)
图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)



自用日志模板(20) - 夕阳无限美 - 夕阳无限美欢迎您
 

常用HTML代码速查表

标记或参数 定 义
<A> 连结标记
<ADDRESS> 地址标记(斜体效果)
<AREA> 连结区域标记(设定各连结区域)
alink 点击连结时的样式。例:alink="#FF0000"
align 水平方向摆放位置。例:align="center"
alternate 来回走动,例:behavior=alternate
alt 在连结中插入文字说明。例:alt="绿叶园"

<B> 字体加粗标记(产生字体加粗的效果)
<BODY> 正文标记(设计文件格式及内文所在)
<BR> 换行标记(令文字、图片等显示在下一行)
<BIG> 字体加大标记(令字体稍为加大)
<BLINK> 闪烁文字标记(令文字产生闪烁效果)
<BGSOUND> 背景声音标记(于背景播放声音或音乐)
<BASE> 连结基准标记(可将网页中所有的相对路径转换成绝对路径)
<BASEFONT> 基准字形标记(设定所有字的字形、大小、颜色)
<BLOCKQUOTE> 引述文字区块、令文字在表格的上下左右留有一定的空间
background 背景墙纸。例:background=01.JPG
bgcolor 背景颜色。例:bgcolor="#ff0000"
bgproperties 固定背景墙纸。例:bgproperties="fixed"
border 边框。例:border=10
bordercolor 边框颜色。例:bordercolor="#000080"
bordercolorlight 边框向光部分的颜色。例:bordercolorlight="#000000"
bordercolordark 边框背光部分的颜色。例:bordercolordark="#ffffff"
bottom 置于底端。例:valign="bottom"
behavior 卷动方式。例:behavior=alternate
_blank 表示连结的目标地址在新建窗口中打开。例:target=_blank

<CENTER> 居中标记(令文字、图片、表格等显示于中间)
<CAPTION> 表格标题(做成一打通列以填入表格标题)
<CODE> 程式码(字体稍为加宽如
<CITE> 引述(斜体效果)
colspan 该单元格向右打通。例:colspan="5"
color 颜色。例:color="#00FF00"
cellspacing 单元格间距。例:cellspacing="5"
cellpadding 单元格衬距。例:cellpadding="10"

<DIV> 区域标记
<DFN> 述语定义标记(斜体效果)
<DIR> 目录清单标记(清单项目将以圆点排列,如<UL>)
<DL> 定义清单标记(清单分两层出现)
<DT> 定义条目标记(标示该项定义的标题)
<DD> 定义内容标记(标示定义内容)
direction 方向。例:direction=up

<EM> 强调标记(字体出现斜体效果)
<EMBED> 多媒体标记

<MENU>选单清单标记(清单项目将以圆点排列,如<UL>)
<META>开头定义标记
<MAP>影像地图名称标记(设定影像地图名称)
<MARQUEE>走动标记
middle居中。例:align="middle"
marginwidth框架左右边缘与框架内的文件保留的空间。例:marginwidth=0
marginhight框架上下边缘与框架内的文件保留的空间。例:marginheight=0

 

<NOBR> 不换行标记(强制文字不自动换行)
<NOFRAMES> 不支持框架标记(当旧式浏览器不支援框架时显示提示)
name 参考点(锚点)。例:<a ></a>
no 否。例:scrolling=no
noshade 平面显示。例:<hr noshade>
noresize 锁住框架窗口的大小

<OL> 顺序清单标记(清单项目将以数字、字母顺序排列)

 

<P> 段落标记(为字、画、表格等之间留一空白行)
<PRE> 预设格式标记(令文件按照原始码的排列方式显示)
_parent 父窗口(连结的目标网页在本窗口中打开)。例:target=_parent
playbutton 在媒体播放面板中显示播放按钮
pausecutton 在媒体播放面板中显示暂停按钮

<STRONG> 加重语气标记(产生字体加粗 Bold 的效果)
<SMALL> 字体缩细标记(令字体稍为缩细)
<STRIKE> 划删除线标记(为字体加一删除线)
<SAMP> 范例标记(字体稍为加宽如
<SUB> 下标字标记
<SUP> 上标字标记
<STYLE> 样式表标记
<SPAN> 自订标记(独立使用或与样式表同用)
<SELECT> 选择标记(建立 pop-up 走动清单)
<SCRIPT> 引用脚本标记
size 大小。例:size="7"
src 来源。例:src="logo.gif"
_self 相同窗口(在相同的框架中显示连结的内容)。例:target="_self">
starttime 开始播放的时间。例:starttime="00:10"
smallconsole 显示较小的面板。例:c
stopbutton 显示停止按钮。例:c
scrolling 滚动条。例:scrolling=no
scroll 走动。例:behavior="scroll"
scrollamount 走动的速度。例:scrollAmount=25
scrolldelay 走动的停顿时间。例:scrolldelay=1000
slide 逐格走动(幻灯式)。例:behavior="slide"

 

<TITLE> 网页文件标题标记
<TABLE> 表格标记
<TR> 表格的行
<TD> 表格的列
<TH> 表格标头(相等于<TD>,但其内之字体会变粗)
<TT> 打字字体(Courier字体,字母宽度相同)
<TEXTAREA> 文字区块(提供文字方盒以输入较大量文字)
topmargin 网页的上边距。例:topmargin=10
top 上方。例:valign="top"
text 整个网页的文字颜色。例:text=#CE0063
target 超级连接打开窗口模式。例:target=_blank
_top 将连结的网页显示在没有框架的窗口中。例:target=_top
type 样式。例:type="text/css"
true 是。例:loop="true"

 

<U> 下划线标记(给文本加上底线)
<UL> 无序清单(清单项目将以圆点排列)

<VAR> 变数标记(斜体效果)
valign 摆放位置(垂直方向)。例:valign="top"
vlink 被访问后超链接文字的样式。例:vlink="#0000FF"
vspace 图片上下的空间。例:vspace=20
volume 音量(设定音量大小)。例:volume="100"
volumelever 显示音量调整钮。例:c

<WBR> 建议换行标记(预设换行部位)
width 宽度、长度。例: width="540"



自用日志模板(20) - 夕阳无限美 - 夕阳无限美欢迎您
  
2012年04月05日 - 夕阳无限美 - 夕阳无限美de博客


                    博客代码

<!> 跑马灯


<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=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间

<!>字体效果


<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 color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style =font-size:100 px>...</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音乐文件地址>背景音乐设定

<!>表格语法


<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%,*">分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗口
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超级链接的分割窗口
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY> 显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用于引经据典的文字
<CODE>...</CODE> 用于列出一段程序代码
<COMMENT>...</COMMENT> 加上批注
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字卷标
<DL>...</DL> 设定定义列表的卷标
<DT> 设定定义列表的项目
<EM> 强调之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<FORM ACTION> 设定户动式窗体的处理方式
<FORM METHOD> 设定户动式窗体之资料传送方式
<FRAME MARGINHEIGHT> 设定窗口的上下边界
<FRAME MARGINWIDTH> 设定窗口的左右边界
<FRAME NAME> 为分割窗口命名
<FRAME NORESIZE> 锁住分割窗口的大小
<FRAME SCROLLING> 设定分割窗口的滚动条
<FRAME SRC> 将HTML文件加入窗口
<FRAMESET COLS> 将窗口分割成左右的子窗口
<FRAMESET ROWS> 将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 划分分割窗口
<H1>~<H6> 设定文字大小
<HEAD> 标示文件信息
<HR> 加上分网格线
<HTML> 文件的开始与结束

<I> 斜体字


<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE> 插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在窗体中加入输入字段
<ISINDEX> 定义查询用窗体
<KBD>...</KBD> 表示使用者输入文字
<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>...</MENU> 条列文字卷标
<META CONTENT URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏
<NOFRAME> 定义不出现分割窗口的文字
<OL>...</OL> 有序号的列表
<OPTION> 定义窗体中列表栏的项目
<P ALIGN> 设定对齐方向
<P> 分段
<PERSON>...</PERSON> 显示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用于引用字
<SELECT>...</SELECT> 在窗体中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用于加强语气
<SUB> 下标字
<SUP> 上标字
<TABLE BORDER=n> 调整表格的宽线高度
<TABLE CELLPADDING> 调整数据域位之边界
<TABLE CELLSPACING> 调整表格线的宽度
<TABLE HEIGHT> 调整表格的高度
<TABLE WIDTH> 调整表格的宽度
<TABLE>...</TABLE> 产生表格的卷标
<TD ALIGN> 调整表格字段之左右对齐
<TD BGCOLOR> 设定表格字段之背景颜色
<TD COLSPAN ROWSPAN> 表格字段的合并
<TD NOWRAP> 设定表格字段不换行
<TD VALIGN> 调整表格字段之上下对齐
<TD WIDTH> 调整表格字段宽度
<TD>...</TD> 定义表格的数据域位
<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏
<TEXTAREA WRAP> 决定文字输入栏是自动否换行
<TH>...</TH> 定义表格的标头字段
<TITLE> 文件标题
<TR>...</TR> 定义表格美一行
<TT> 打字机字体
<U> 文字加底线
<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
<VAR>...</VAR> 用于显示变量


  评论这张
 
阅读(431)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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