常用HTML代码速查表...

引用

夜雨的常用HTML代码速查表

常用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 显示较小的面板。例：controls="smallconsole"

stopbutton 显示停止按钮。例：controls="stopbutton"

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 显示音量调整钮。例：controls="volumelever"

<WBR> 建议换行标记（预设换行部位）

width 宽度、长度。例： width="540"

在搏客中比较常用的代码

一、美化文字的代码：

　　1.文字间换行：

　　文字内容<br>文字内容

　　2.一个段落：

　　<p>文字内容</p>

　　3.字体加粗：

　　<b>文字内容</b>

　　4.字体加大:

　　<big>文字内容</big>

　　5.文字标题：

　　// 从一号标题H1到六号标题H6，逐渐减小

　　<h2>文字内容</h2>

　　6.斜体字：

　　<i>文字内容</i>

　　7.在字前加圆点：

　　<li>文字内容</li>

　　8.字体下划线:

　　<u>文字内容</u>

　　9.字体删除线:

　　<s>文字内容</s>

　　10.更改字体颜色：

　　// value值在000000与ffffff(16位进制)之间

　　<font color="#value">文字内容</font>

　　11.加入连接：

　　// target="_blank" 在新窗口打开连接

　　<a href="所要连接的相关地址" target="_blank">显示在页面上的文字</a>

　　12.消除连接的下划线：

　　<a href="相关地址" style="text-decoration:none">文字内容</a>

　　13.滚动文字效果：

　　// marquee有四个方向参数，如图1　

　　<marquee direction="up">文字内容</marquee>

图1

　　14.原始文字样式：

　　// 可以显示半角的空格等原文内容

　　<pre> 正文</pre>

　　二、在博客中嵌入其他元素

　　1.在博客中贴图：

　　// width是图片的宽度，height是高度

　　<img src="图片地址"; width="120"; height="90"; alt="鼠标移动到图片上显示的字";>

　　2.在博客中贴Flash:

　　// width，height可以是指定的高度，也可以不设置，可以是100%

　　<embed src="flash地址" width="100%" height="100%">

　　3.在博客中贴音乐：

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

　　4.博客中贴食品：

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

　　5.设置日志背景：

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

　　6.固定日志背景不随滚动条滚动：

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

　　7.定制日志背景颜色：

　　<body bgcolor="#value">

　　8.定制日志背景音乐：

　　<bgsound="背景音乐地址" loop=infinite>

博客基本代码大全[新学员]

一，基本代码

字体控制

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

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

◆字体下划线: <u>写上你想写的字</u>

◆字体删除线: <s>写上你想写的字</s>

◆字体加大: <big>写上你想写的字</big>

◆换行：<br>

◆空格：

◆段落：<p>段落</p>

◆原始文字样式：<pre>正文</pre>

◆字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

◆更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

◆移动字体(走马灯)：<marquee>写上你想写的字</marquee>

对齐方式

◆左对齐: LEFT

◆中对齐: 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>

<MARQUEE >里面的参数修改一下，效果将不一样，这里仅提醒一下direction参数，可以改为向下（down）、向左（left）和向右（right）。

图片控制代码

◆贴图：<img src="图片地址">

◆换帖子背景：<body background="背景图片地址">

◆定制帖子背景颜色：<body bgcolor="#value">(value值)

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

◆加背景<TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=背景图片 border=3>

◆图片滚动代码 (从下往上滚动)

<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滚动的图片地址1">

<img border="0" src=" http://要滚动的图片地址2">

</marquee>

◆移动图片的代码:

<marquee><img src="图片地址";><img src="图片地址";><img src="图片地址";></marquee>

把里面的图片地址换成自己网上找的就行。想多放几个图片就按照格式在中间重复插入：<img src="图片地址";>&<60;

颜色方面

◆颜色属性：<HR COLOR="颜色代码或颜色名称">。

◆宽窄属性：<HR WIDTH="宽度">，单位为px，宽度也可用百分比来作设定，如50%即为宽度占屏幕的50%。

◆厚度属性：<HR SIZE="厚度">。

◆位置属性：：<HR ALIGN="水平位置设定值">，其设定值有三个，置左"LEFT"、置中"CENTER"、置右"RIGHT"。

◆阴影属性：<HR NOSHADE>，无设定值，只要将NOSHADE加入即可，通常会配合颜色设定，效果较佳。

链接代码

◆加入连接：<a href="链接地址">写上你的字</a>

◆新窗口打开连接：<a href="链接地址" target="_blank">写上你的字</a>

◆消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

◆贴带连接的字：<a href="所要连接的相关地址">写上你想写的字</a>

FLASH

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

◆首页FLASH: 找到FLASH地址后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了这个很简单

◆日志里的FLASH: 好多朋友多说为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 我现在就告诉你因为你忘记点下面那个 <代码> 了必须先点一下代码后再复制上去.

◆日志里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">

音乐

◆贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

◆帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

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

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

其他

◆制作个性名片

编辑-排版-模块-添加自定义 HTML <table width="100%"><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"

src=头像图片地址></td><td valign="top"><table width="100%"><tr><td><img src="/style/common/gg.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="邮箱地址">你的名字</a></div></td></tr><tr><td><div>年龄,星座</div></td></tr><tr><td><div>详细地址</div>

由于我只用QQ 所以我只会加QQ在线交谈按钮: QQ个人设置-右下角<生成在线状态> 进去填写好资料后生成网页代码然后全复制过来

◆滚动条添加

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">

<P align=left>在这里输入是文字，也可以是链接</P></DIV>

注：（left）为对齐方式，当前是左对齐

◆友情连接

编辑-排版-模块-添加自定义HTML 然后把<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee> 复制上去就行了

◆贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>&<60;

◆博客上加新闻链接代码

<TABLE width=200 align=center>

<DIV g_p_fill?> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www./img/share/widget.swf?wd=200&ht=300&hs=www.&id=14889&tp=2&ps=5&ss=1&ar=1&ct=6&tt=%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Welcome width="100%" type=application/x-shockwave-flash wmode="transparent" quality="high" autostart="0" allowNetworking="internal" allowScriptAccess="never"></EMBED></DIV>

<TBODY></TBODY></TABLE>