2005/08/27 | 转贴：HTML使用技巧
类别(老张学堂) | 评论(1) | 阅读(414) | 发表于 21:39
来自： 晓琨生活

<body bgcolor=#F3F8FC background="http://" link="#000000" vLink="#808080">

<*FONT face=隶书 color=#FFFF00 size=5*>文字。。。

［face=隶书］ 指字体

［color=#FFFF00］ 指文字颜色

［size=4］ 指文字大小，数值越大文字越大

文字中间<*br>是换行符号

使用时请把〈〉内的*去掉，切记


常用html语法介绍
使用HTML代码发贴时，一定要先在发贴编辑器"源代码"前的空格内打"勾"

1、简单的文字连接

链接 <a href="http://链接的网络地址">想写的文字</a>

新窗口打开链接<a href="http://链接的网络地址" target="_blank">想写的文字</a>

消除链接的下划线 <a href="http://链接的网络地址" style="text-decoration:

none">想写的文字</a>

2、图片连接


<a href="连接地址"><img src=图片地址></a>

3、移动文字或图片
<marquee><img src="图片的地址"></marquee>

<marquee direction=right>从左向右移！</marquee>

<marquee direction=left>从右向左移！</marquee>


4、如何贴flash
首先要找出想要贴的flash动画的地址。如果是你自己的主页那当然就不用说了。如果是

别人的主页，可以先打开播放flash动画的相应web页，然后查看源文件，找出相应的

*.swf（flash）文件。 用下列格式贴：

<embed src="http://Flash地址" width=400 height=300></embed>


5、如何贴歌
贴MP3播放器

<EMBED src="mp3地址" width=310 height=35 type=audio/x-pn-realaudio-plugin

controls="ControlPanel,StatusBar" autostart="true" loop="true">


支持rm或mid格式（随机播放）
<EMBED src="http://.rm\mid" width=150 height=25 type=audio/x-pn-realaudio-

plugin controls="ControlPanel" autostart="true">

隐藏mp3播放器:

<embed width="0" height="0" src="MP3地址" type="application/x-shockwave-

flash"></embed>


6、如何贴视频

<embed src="视频地址" type="audio/x-pn-realaudio-plugin" console="Clip1"

controls="ControlPanel,StatusBar" height="330" width="450" autostart="true">




代码方式：首先在发贴编辑器中的源代码上打勾

并在编辑框中写如下代码 <img src="图片绝对地址"> 发送提交



我回复YH的：
<center><table cellpadding=0 cellspacing=0 borderColorLight=#aaaaee border=8

WIDTH=98% align=center table

background="http://photo.gznet.com/photos/1333368/1333368-pdkO1PkPBd.jpg"

width=700><tr><td><center><br><br><br>
<FONT face=隶书 color=#FFFF00 size=10>塞个为拉
<td></table>



YH给我的：
★如何贴背景图案★（文字与图片居中）:


[table cellpadding=0 cellspacing=0 borderColorLight=#aaaaee border=8

WIDTH=98% align=center table background="背景图片或颜色" width=700][tr][td]

[center][br][br][br]
文字或图片。。
[td][/table]


★图片加边框:★
[table border=2][td][img src="图片地址"][/td][/table]



★图片加滤镜★(朦胧)
[IMG style="FILTER: Alpha(opacity=100,style=2)" height=80 src="图片地址""

width=101]


★图上做文★:
[center][table width="700" border="0"][tbody][tr][td vAlign="left"

background="图片地址" width="1000" height="450"]

文字。。


[/td]
[/tr]
[/table]




看HTML后的摘录：

HTML 文件结构(Document Structures)
<html>...</html>
<head>...</head>
<body>...</body>


段(Paragraph) (可以看作是空行) <p>
换行 <br>
不换行<nobr>
闪烁 <blink>...</blink>



背景色彩和文字色彩
<body bgcolor=# text=# link=# alink=# vlink=#>
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩



背景图象 <body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED>



<IMG SRC="图形文件地址">
IMG还有两个属性是HEIGHT和WIDTH，分别表示图形的高和宽。通过这两个属性，可以改变

图形的大小，如果没有设置，图形按原大显示：

<IMG SRC="flowers0.jpg" width="200" heigth="100">




<EMBED SRC="音乐文件地址">

属性有：

SRC="FILENAME" 设定音乐文件的路径
AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默

认为FALSE
LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE

播放一次即停止。
STARTIME="分:秒" 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。
WIDTH HEIGHT 设定控制面板的大小
HIDDEN=TRUE 隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子



自动载入视频
与音乐的播放一样，我们可以使用EMBED标签播放视频，

<EMBED SRC="视频文件地址">
属性有：
SRC="FILENAME" 设定文件的路径
AUTOSTART=TRUE/FALSE 是否要文件传送完就自动播放，TRUE是要，FALSE是不要，默认为

FALSE
LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE

播放一次即停止。
STARTIME="分:秒" 设定开始播放时间，如20秒后播放写为STARTIME=00:20
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。
WIDTH HEIGHT 设定控制面板的大小




字体是一些属性：
<B>　　　　　</B>　　　　　粗体　　　　　　　　　　　　　　
<I>　　　　　</I>　　　　　斜体　　　　　　　　　　　　　　
<U>　　　　　</U>　　　　　加下划线　　　　　　　　　　　　
<TT>　　　　 <TT>　　　　　打字机字体　　　　　　　　　　　
<BIG>　　　　</BIG>　　　　大型字体　　　　　　　　　　　　
<SMALL>　　　</SMALL>　　　小型字体　　　　　　　　　　　　
<BLINK>　　　</BLINK>　　　闪烁效果　　　　　　　　　　　　
<EM>　　　　 </EM> 　　　　表示强调，一般为斜体　　　　　　
<STRONG>　　 </STRONG>　　 表示特别强调，一般为粗体　　　　
<CITE>　　　 </CITE>　　　 用于引证、举例，一般为斜体　　　





页面空白(Margin)
页面左边的空白 <body leftmargin=#>
页面上方的空白(天头) <body topmargin=#> #=margin amount



链接(Link)
基本语法 <a href="URL"> ... </a>



标尺线
<hr>
<hr size=#>
<hr width=#>
<hr align=#> #=left, right
<hr noshade>
<hr color=#>
具体说明：各属性之间无先后次序，属性也可省略（即取默认值），例如单标记<HR>表示

在文档当前位置画一条
水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些

属性： <HR SIZE=3 ALIGN=LEFT WIDTH="75%">

　　其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取

LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长

度，可取相对值，（由一对 " "号括起来的百分数，表示相对于充满整个窗口的百分比）

，也可取绝对值（用整数表示的屏幕像素点的
个数，如WIDTH=300），缺省值是"100%"。



标题：
〈H1>…</H1>　　　　　第一级标题
〈H2>…</H2>　　　　　第二级标题
〈H3>…</H3>　　　　　第三级标题
〈H4>…</H4>　　　　　第四级标题
〈H5>…</H5>　　　　　第五级标题
〈H6>…</H6>　　　　　第六级标题




无序号列表
无序号列表使用的一对标签是<ul></ul>，每一个列表项前使用<LI>。其结构如下所示：

　　　　<UL>
　　　　　　　<LI>第一项
　　　　　　　<LI>第二项
　　　　　　　<LI>第三项
　　　　</UL>




序号列表
序号列表和无序号列表的使用方法基本相同，它使用标签<OL></OL>，每一个列表项前使

用<LI>。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示：

　　　　<OL>
　　　　　　　<LI>第一项
　　　　　　　<LI>第二项
　　　　　　　<LI>第三项
　　　　</OL>



定义性列表（象名词解释似的）
定义性列表可以用来给每一个列表项再加上一段说明性文字，说明独立于列表项另起一行

显示。在应用中，列表项使用标签<DT>标明，说明性文字使用<DD>表示。在定义性列表中

，还有一个属性是COMPACT,使用这个属性后，说明文字和列表项将显示在同一行。其结构

如下所示：

　　　　<DL>
　　　　<DT>第一项 <DD>叙述第一项的定义
　　　　<DT>第二项 <DD>叙述第二项的定义
　　　　<DT>第三项 <DD>叙述第三项的定义
　　　　</DL>





<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)单元格
<caption>...</caption>　定义表格的标题
表格标题的位置，可由ALIGN属性来设置，其位置分别由表格上方和表格下方。下面为表

格标题位置的设置格式。

设置标题位于表格上方：
<caption align=top> ... </caption>
设置标题位于表格下方：
<caption align=bottom> ... </caption>



表格尺寸设置<table border=#>



表格内文字的对齐/布局
<tr align=#>
<th align=#> #=left, center, right
<td align=#>



表格在页面中的对齐/布局(Floating Table)
<table align=left>


表元的背景色彩和背景图象
<th bgcolor=#>
<th background="URL">


表格边框的色彩
<table bordercolor=#>


表格边框色彩的亮度控制
<table bordercolorlight=#>
<table bordercolordark=#>


表格的分组显示(Structured Table)
按行分组
<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)
按列分组
<colgroup align=#> #=left, right, center


表格中边框的显示
显示所有 4 个边框 <table frame=box>
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示上、下边框 <table frame=hsides>
只显示左、右边框 <table frame=vsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>




表格中分隔线(Rules)的显示
显示所有分隔线 <table rules=all>
只显示组(Groups)与组之间的分隔线 <table rules=groups>
只显示行与行之间的分隔线 <table rules=rows>
只显示列与列之间的分隔线 <table rules=cols>
不显示任何分隔线 <table rules=none>


标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6

字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7

字体颜色
指定颜色 <font color=#> ... </font>

客户端字体(Font Face)
<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体

嵌入多媒体文本(EMBED)
基本语法 <embed src=#> #=URL







弹出窗口：
<frameset>
　　　<frame src="url">
　　　<frame src="url">
　　　...
</frameset>




direction=right
0

评论Comments

日志分类
首页[189]
老张学堂[24]
老张荐宝[9]
我爱我家[27]
开心一刻[22]
杂七杂八[56]
亲子乐园[10]
老张涂鸦[7]
随风心情[25]
镜头人生[7]
留言[2]