查看完整版本: [-- HTML常用的语法命令 --]

武当休闲山庄 -> 音画教程 -> HTML常用的语法命令 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

飞雪思函 2008-05-18 08:10
一、添加背景的语法命令

(一)单层背景的语法命令

<CENTER>
<TABLE style="WIDTH: 571px; HEIGHT: 128px" cellSpacing=10 cellPadding=0 width=571 align=center background= 背景地址 border=0>
<TBODY>
<TR>
<TD width=721>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER></CENTER>

(二)多层背景的语法命令

<CENTER>
<TABLE style="WIDTH: 571px; HEIGHT: 128px" cellSpacing=10 cellPadding=0 width=571 align=center background= 背景地址 border=0>
<TBODY>
<TR>
<TD width=721>
<DIV align=center>
<DIV align=center>
<CENTER>
<TABLE style="WIDTH: 571px; HEIGHT: 128px" cellSpacing=10 cellPadding=0 width=571 align=center background=背景地址 border=0>
<TBODY>
<TR>
<TD width=721>
<DIV align=center>
<CENTER>
<TABLE style="WIDTH: 571px; HEIGHT: 128px" cellSpacing=10 cellPadding=0 width=571 align=center background=背景地址 border=0>
<TBODY>
<TR>
<TD width=721>
<DIV align=center>
<DIV align=center>
<CENTER>
<TABLE style="WIDTH: 571px; HEIGHT: 128px" cellSpacing=10 cellPadding=0 width=571 align=center background=背景地址 border=0>
<TBODY>
<TR>
<TD width=721>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE>

这是四层背景的命令,要想加更多层的背景可将第二、三的命令再复制一遍,然后将其放到第四层背景命令的上方即可。



(三)不用背景地址的背景命令

<CENTER>
<TABLE style="WIDTH: 407px; HEIGHT: 270px" borderColor=#bcbf8f cellSpacing=2 cellPadding=3 bgColor=#e6e6fa border=28>
<TBODY>
<TR>
<TD>
<P align=center> </P></TR></TBODY></TABLE></CENTER>

注;“borderColor”为框的颜色,“bgColor”为框子里面的颜色


二、背景添加透明FLASH的语法命令

<P align=center><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 100px; HEIGHT: 500px" align=right src= FLASH地址 width=200 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></P>

三、图片横向摆动的语法命令

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width="100%">
<P align=center><IMG style="WIDTH: 422px" height=390 src="图片地址" width=300 onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333"></P></MARQUEE></P>

四、网站引导语法命令

<P align=center><A href="http://xd.2000y.net/314755/index.asp"><FONT color=#a00000 size=6>★点击进入武当休闲★</FONT><FONT color=#003366> </FONT></P>

五、禁止右键命令

<script language="javascript">
function click() {
if (event.button==2) {
  alert('欢迎光临寒舍,有什么需要帮忙的话,请与站长联系!谢谢您的合作!!!')
  }
}
document.onmousedown=click
</script>

六、图片模糊处理命令

<P align=center><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 276px; HEIGHT: 284px" height=188 src="图片地址" width=454></P>

七、可以向上移动的图片或文字命令

<P align=left>
<MARQUEE onmouseover=this.stop() style="WIDTH: 375px; HEIGHT: 143px" onmouseout=this.start() scrollAmount=1 direction=up height=143><FONT color=#ff3366><FONT face=华文行楷 size=6 40pt><B>
<CENTER><FONT face=楷体_GB2312 color=#b0c4de size=4><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 192px; HEIGHT: 118px" height=188 src="图片地址" width=454></FONT></CENTER><FONT face=楷体_GB2312 color=#b0c4de size=4>
<CENTER><BR> </CENTER></FONT></FONT></B></FONT></MARQUEE></P>

八、上图片向右,下图片向左移动的命令


<P align=center>
<MARQUEE style="WIDTH: 240px; HEIGHT: 43px" width=240 height=43><STRONG>
<P align=center><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 218px; HEIGHT: 224px" height=188 src="图片地址" width=454></FONT></STRONG></SPAN></FONT></STRONG></SPAN></FONT></STRONG></SPAN></P></STRONG></FONT></MARQUEE></P><FONT face=华文彩云 color=#2f4f4f size=6>
<P align=center>
<MARQUEE direction=right width=240 height=50><STRONG><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff>
<CENTER><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 222px; HEIGHT: 217px" height=188 src="图片地址" width=454></FONT></STRONG></SPAN></FONT></STRONG></SPAN></CENTER></FONT></STRONG></SPAN></STRONG></MARQUEE></P>



九、图片从右向左移动的命令

<P align=left>
<MARQUEE style="WIDTH: 443px; HEIGHT: 20px" scrollDelay=120 width=443 height=20>
<DIV align=left><STRONG>    <SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 244px; HEIGHT: 176px" height=188 src="图片地址" width=454></FONT></STRONG></SPAN></FONT></STRONG></SPAN></STRONG></DIV></FONT></MARQUEE></P>

十、图片分别向左右移动的命令


<DIV align=center>
<P align=center><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><FONT face=楷体_GB2312 color=#add8e6 size=4><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><FONT color=#0000ff></FONT></SPAN></FONT></SPAN>  <FONT face=华文彩云 color=#2f4f4f size=6>
<MARQUEE style="WIDTH: 240px; HEIGHT: 43px" width=240 height=43><STRONG>
<P align=center><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 218px; HEIGHT: 224px" height=188 src="图片地址" width=454></FONT></STRONG></SPAN></FONT></STRONG></SPAN></FONT></STRONG></SPAN></P></STRONG></FONT></MARQUEE><FONT face=华文彩云 color=#2f4f4f size=6>
<MARQUEE direction=right width=240 height=50><STRONG><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff>
<CENTER><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><SPAN lang=EN-US style="FONT-SIZE: 18pt; COLOR: black; FONT-FAMILY: Arial; mso-bidi-font-size: 10.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ascii-font-family: 宋体"><STRONG><FONT color=#0000ff><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 218px; HEIGHT: 217px" height=188 src="图片地址" width=454></FONT></STRONG></SPAN></FONT></STRONG></SPAN></CENTER></FONT></STRONG></SPAN></STRONG></MARQUEE></FONT></FONT>


改变不规则背景的命令(将其放在最上面的背景地址之前就可以将背景改变为规则的)

<DIV align=center>
<P align=center>
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word">
<P align=center>
<TABLE cellSpacing=25 width="100%" align=center


背景加框的命令

<CENTER>
<TABLE style="WIDTH: 571px; HEIGHT: 128px" cellSpacing=10 cellPadding=0 width=571 align=center background=背景地址 border=0>
<TBODY>
<TR>
<TD width=721>
<DIV align=center>
<TABLE cellSpacing=1 borderColorDark=#aba1a9 cellPadding=0 width="75%" borderColorLight=#f9f7f8 border=1>
<TBODY>
<TR>
<TD align=middle width="100%">
<P><FONT color=#c1e0ff size=2>
<P align=center><A href="http://mywzh.2000y.net/"> </P>
<P></P></A></FONT></TD></TR></TBODY></DIV></TR></TBODY></TABLE></CENTER>

凉风友情 2008-06-26 19:39
感谢飞雪的语法资料,好好研究中…


查看完整版本: [-- HTML常用的语法命令 --] [-- top --]


Powered by www.wdsz.net v8.7.1 Code ©2005-2018www.wdsz.net
Gzip enabled


沪ICP备:05041533号