蝶舞梅香 发表于 2005-10-21 19:28:00

html标鉴做贴攻略及常用字体(新手必看)

<P><FONT size=4>原代码如下:</FONT></P>
<P><FONT size=4>&lt;TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD&gt;</FONT></P>
<P><FONT size=4>帖子内容,文字或图片..... &lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt; &lt;TABLE&gt; 的参数设定(常用): </FONT></P>
<P><FONT size=4></FONT></P>
<P><FONT size=4>&lt;table <FONT color=#ff0000>width</FONT>="400" <FONT color=#ff0000>border</FONT>="1" <FONT color=#ff0000>cellspacing</FONT>="2" <FONT color=#ff0000>cellpadding</FONT>="2" <FONT color=#ff0000>align</FONT>="CENTER" <FONT color=#ff0000>valign</FONT>="TOP" <FONT color=#ff0000>background</FONT>="myweb.gif" <FONT color=#ff0000>bgcolor</FONT>="#0000FF" <FONT color=#ff0000>bordercolor</FONT>="#CF0000" <FONT color=#ff0000>bordercolorlight</FONT>="#00FF00" <FONT color=#ff0000>bordercolordark</FONT>="#00FFFF" <FONT color=#ff0000>cols</FONT>="2"&gt; </FONT></P>
<P><FONT color=#ff0000 size=4>注解:</FONT></P>
<P><FONT size=4><FONT color=#ff0000>width</FONT>="400" 表格宽度,接受绝对值(如 80)及相对值(如 80%)。</FONT></P>
<P><FONT size=4><FONT color=#ff0000>border</FONT>="1" 表格边框的厚度,不同浏览器有不同的内定值,故请指明。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>cellspacing</FONT>="2" 表格格线的厚度</FONT></P>
<P><FONT size=4><FONT color=#ff0000>align</FONT>="CENTER" 表格的摆放位置(水平),可选值为: <FONT color=#ff0000>left</FONT>, <FONT color=#ff0000>right</FONT>, <FONT color=#ff0000>center</FONT></FONT></P>
<P><FONT color=#ff0000><FONT size=4><FONT color=#ff0000>valign</FONT>="TOP". <FONT color=#000000>表格内内容的对齐方式(垂直),可选值为</FONT>: <FONT color=#ff0000>top</FONT>, <FONT color=#ff0000>middle</FONT>, <FONT color=#ff0000>bottom</FONT>。</FONT></FONT></P>
<P><FONT size=4><FONT color=#ff0000>background</FONT>="myweb.gif" 表格的背景图片,与 bgcolor 不要同用。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>bgcolor</FONT>="#0000FF" 表格的底色,与 background 不要同用</FONT></P>
<P><FONT size=4><FONT color=#ff0000>bordercolor</FONT>="#CF0000" 表格边框颜色</FONT></P>
<P><FONT size=4><FONT color=#ff0000>bordercolorlight</FONT>="#00FF00" 表格边框<FONT color=#008000>向</FONT>光部分的颜色</FONT></P>
<P><FONT size=4><FONT color=#ff0000>bordercolordark</FONT>="#00FFFF" 表格边框<FONT color=#008000>背</FONT>光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。</FONT></P>
<P><FONT size=4><FONT color=#ff0000>cols</FONT>="2" 表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。</FONT></P>

蝶舞梅香 发表于 2005-10-21 19:29:00

<P><B><FONT size=4>文字设制</FONT></B></P>
<P><FONT color=#ff0000 size=4>一,文字基本设制</FONT></P>
<P><FONT size=4>基本代码如下:</FONT></P>
<P><FONT size=4>&lt;P align=center&gt;&lt;FONT color=#0066ff face=隶书 size=5&gt;插入文字&lt;/FONT&gt;&lt;/P&gt; </FONT></P>
<P><FONT size=4>align=center 表示字体居中,可选值为居右(right)居左(left) </FONT></P><FONT size=4>color=颜色代码 具体颜色代码可参照:</FONT><a href="http://www.k369.com/qt/webedit/color.htm" target="_blank" ><FONT color=#000000 size=4>颜色选取</FONT></A><FONT size=4><<点击查看 </FONT>
<P><FONT size=4>face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 </FONT></P>
<P><FONT size=4>size=字体大小,这里的最大值为7 取值越大文字就越大</FONT></P>
<P><FONT color=#ff0000 size=4>二,大字体文字</FONT></P>
<P><FONT size=4>效果:</FONT></P><FONT size=4><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋体 color=#ff0000>数到三就不哭</FONT> </FONT>
<P><FONT size=4>代码:</FONT></P>
<P><FONT size=4>&lt;font style=font:<FONT color=#ff0000>40</FONT>pt face=新宋体 color=#ff0000&gt;插入文字&lt;/font&gt;</FONT></P>
<P><FONT size=4>font:<FONT color=#ff0000>40</FONT>pt 数值越大文字就越大。</FONT></P>
<P><FONT color=#ff0000 size=4>三,移动文字设置:</FONT></P>
<P><FONT color=#ff0000 size=4>基本代码1:</FONT></P>
<P><FONT size=4>&lt;marquee direction=移动方向 scrollamount=移动速度数值&gt;插入文字&lt;/marquee&gt; </FONT></P>
<P><FONT size=4>说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)</FONT></P>
<P><FONT color=#ff0000 size=4>基本代码2:</FONT></P>
<P><FONT size=4>&lt;marquee behavior=移动效果&gt;插入文字&lt;/marquee&gt;</FONT></P>
<P><FONT size=4>说明:</FONT></P>
<P><FONT size=4>behavior=scroll 一圈一圈绕着走 </FONT></P>
<P><FONT size=4>behavior=slide </FONT></P>
<P><FONT size=4>只走一次 behavior=alternate 来回走</FONT></P>
<P><FONT color=#ff0000 size=4>停停走走:</FONT></P>
<P><FONT size=4>效果如:</FONT></P>
<P>
<MARQUEE scrollAmount=100 scrollDelay=500>数到三就不变</MARQUEE><FONT size=4></FONT></P>
<P><FONT size=4>代码如下:</FONT></P>
<P><FONT size=4>&lt;marquee scrolldelay=500 scrollamount=100&gt;插入文字&lt;/marquee&gt; </FONT></P>
<P><FONT color=#ff0000 size=4>四,文字特效显示:</FONT></P>
<P><FONT size=4>效果一:</FONT></P>
<CENTER><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" size=4><B>数到三就不哭</B></FONT></CENTER>
<P><FONT size=4>原代码:</FONT></P>
<P><FONT size=4>&lt;CENTER&gt;&lt;FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"&gt;&lt;B&gt;数到三就不哭&lt;/B&gt;&lt;/FONT&gt;&lt;/CENTER&gt;</FONT></P>
<P><FONT size=4>效果二:</FONT></P>
<CENTER><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" size=4><B>数到三就不哭</B></FONT></CENTER>
<P><FONT size=4>原代码:</FONT></P>
<P><FONT size=4>&lt;CENTER&gt;&lt;FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"&gt;&lt;B&gt;数到三就不哭&lt;/B&gt;&lt;/FONT&gt;&lt;/CENTER&gt;</FONT></P>
<P><FONT size=4>效果三:</FONT></P>
<CENTER><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 30px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" color=#0099ff size=4>数到三就不哭</FONT></CENTER>
<P><FONT size=4>原代码:</FONT></P>
<P><FONT size=4>&lt;CENTER&gt;&lt;FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px"&gt;数到三就不哭&lt;/FONT&gt;&lt;/CENTER&gt;</FONT></P>
<P><FONT size=4>效果四:</FONT></P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<MARQUEE scrollAmount=2 behavior=altrnate width=460 src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif" <img><FONT>500)this.style.width=500;">screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)"&gt; 数到三就不哭 </FONT></MARQUEE></MARQUE></MARQUEE>
<P><FONT size=4>原代码:</FONT></P>
<P><FONT size=4>&lt;MARQUEE behavior=alternate direction=up height=150 scrollAmount=5&gt;&lt;MARQUEE behavior=altrnate scrollAmount=2 width=460 &lt;IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"&gt;&lt;FONT color=red face=楷体_gb2312 size=7&gt;数到三就不哭&lt;/FONT&gt;&lt;/MARQUEE&gt;&lt;/MARQUE&gt;&lt;/MARQUEE&gt;</FONT></P>
<P><FONT size=4>效果五:</FONT></P><FONT face=隶书 color=#0096ff>
<MARQUEE width=240 height=100>欢迎你朋友 </FONT></MARQUEE><FONT face=隶书 color=#0000ff>
<MARQUEE direction=right width=240 height=100>友朋你迎欢</MARQUEE></FONT></FONT>
<P><FONT size=4>原代码:</FONT></P>
<P><FONT size=4>&lt;FONT color=#0096ff face=隶书 size=7&gt;&lt;MARQUEE height=50 width=240&gt;欢迎你朋友&lt;/FONT&gt;&lt;/MARQUEE&gt;&lt;FONT color=#0000ff face=隶书 size=7&gt;&lt;MARQUEE direction=right height=50 width=240&gt;友朋你迎欢&lt;/MARQUEE&gt;&lt;/FONT&gt;&lt;/FONT&gt;</FONT></P>
<P><FONT color=#ff0000 size=4>注明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。</FONT></P>

蝶舞梅香 发表于 2005-10-21 19:30:00

<P><FONT color=#ff0000 size=4>载入音乐</FONT></P>
<P><B><FONT size=4>基本语法:</FONT></B></P>
<P><FONT size=4>&lt;EMBED SRC="音乐文件地址"&gt;</FONT></P>
<P><FONT size=4>常用属性如下:</FONT></P>
<P><FONT size=4><FONT color=#ff0000>src</FONT>="your.mid" 设定 midi 档案及路径,可以是相对或绝对。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>autostart</FONT>=true 是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>loop</FONT>="true" 是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>HIDDEN</FONT>="true" 是否完全隐藏控制画面,true 为是,no 为否 (内定)。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>STARTTIME</FONT>="分:秒" 设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。 </FONT></P>
<P><FONT size=4><FONT color=#ff0000>VOLUME</FONT>="0-100" 设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定</FONT></P>
<P><FONT size=4><FONT color=#ff0000>WIDTH</FONT>="整数" 和 <FONT color=#ff0000>HIGH</FONT>="整数" 设定控制面板的高度和宽度。(若 HIDDEN="no") </FONT></P>
<P><FONT size=4><FONT color=#ff0000>ALIGN</FONT>="center" 设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom </FONT></P>
<P><FONT size=4><FONT color=#ff0000>CONTROLS</FONT>="smallconsole" 设定控制面板的外观。预设值是 console。 console 一般正常面板    smallconsole 较小的面板    playbutton 只显示播放按钮    pausecutton 只显示暂停按钮    stopbutton 只显示停止按钮    volumelever 只显示音量调节按钮 </FONT></P>
<P><FONT size=4>例一:</FONT></P>
<P><FONT size=4>&lt;EMBED SRC="midi.mid" autostart=true hidden=true loop=true&gt;</FONT></P>
<P><FONT size=4>作为背景音乐来播放,隐藏了播放器。</FONT></P>
<P><FONT size=4>例二:</FONT></P>
<P><FONT size=4>&lt;EMBED SRC="midi.mid" loop=true width=145 height=60&gt;</FONT></P>
<P><FONT size=4>出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。</FONT></P>
<P><FONT size=4>注明:可用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。</FONT></P>
<P><FONT color=#ff0000 size=4>IE中的的背景音乐</FONT></P>
<P><FONT size=4>代码如下:</FONT></P>
<P><FONT size=4>&lt;bgsound src="音乐文件地址" loop=#&gt; </FONT></P>
<P><FONT size=4>#=循环数 </FONT></P>
<P><FONT size=4>注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。</FONT></P>
<P><FONT color=#ff0000 size=4>在论坛做帖常用格试如下:</FONT></P>
<P><FONT size=4>一:</FONT></P>
<P><FONT size=4>&lt;EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"&gt;&lt;/EMBED&gt;</FONT></P>
<P><FONT size=4>说明:一般用来插入<FONT color=#ff0000>mp3 rm ra ram asf mid </FONT>等音乐文件,如果要隐藏播放器,把width和height的数值改成<FONT color=#ff0000>0或者1</FONT>就可以了。</FONT></P>
<P><FONT size=4>二:</FONT></P><PRE><FONT size=4>&lt;bgsound src="音乐文件地址" loop=3&gt;</FONT></PRE><PRE><FONT size=4>说明:一般用来插入<FONT color=#ff0000>wav wma mid mp3</FONT>等格试的音乐文件。</FONT></PRE>

紅塵过客 发表于 2005-11-27 16:06:00

月上剑影 发表于 2005-12-20 00:55:00

蝶舞最好是每一个有个实际例子~~既然是新手那有你这样说的嘛!!就好比交小学生学高等函数。

蝶舞梅香 发表于 2005-12-20 19:03:00

你们要做的是什么,去试帖区做了,有问题我看见给你们回复就是了。

晓寒飞扬 发表于 2007-2-1 20:46:00

<div class="quote"><b>以下是引用<i>月上剑影</i>在2005-12-20 0:55:26的发言:</b><br/>蝶舞最好是每一个有个实际例子~~既然是新手那有你这样说的嘛!!就好比交小学生学高等函数。</div><p>呵呵~~真的比学高等数学难呢</p>

零冰非 发表于 2008-1-3 13:50:00

<div class="quote"><b>以下是引用<i>晓寒飞扬</i>在2007-2-1 20:46:00的发言:</b><br/><p>呵呵~~真的比学高等数学难呢</p></div><p>世上没难事,只怕有心人……</p><p></p><p>我倒觉得学得挺快的……</p><p></p><p>一个月就上手了</p>

乱发 发表于 2008-3-22 20:50:00

<marquee scrollamount="100" scrolldelay="500">我试试</marquee>

乱发 发表于 2008-3-22 20:52:00

<marquee scrollamount="100" scrolldelay="500">汗~~~~这样也能学会呀,,,狂汗下下,笨鸟也会飞了哈</marquee>
页: [1] 2
查看完整版本: html标鉴做贴攻略及常用字体(新手必看)