您的位置:首页 > Web前端 > HTML

简单的网页html代码使用说明

2010-08-17 13:28 435 查看
(一)文字代码

1、插入文字链接:

<A href="连接地址" target=_blank>文字</A>

2、段落分行:

<br>文字

<br>文字

3、文字移动:

<marquee>这里写文字</marquee>

4、文绕图

<P><IMG src="插图地址" align=left>文字内容</P>

5、在背景图上写文字

<div style="background:url(图片地址);">内容</div>

(二)图片代码

1、插入图片:

<IMG src="图片地址">

2、插入图片超连接:

<A href="链接地址" target=_blank><IMG src="图片地址" border=0></A>

(注意如果单独添加图片可以用这个语法<IMG src="图片地址">,但要把图片添加连接,图片就会自动添加边框,这时就要设置边框为0。)

3、图片横移动

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

(三)音频视频和FLASH

1、插入背景音乐代码:

<P><IMG height=1 loop=infinite dynsrc=音乐地址 width=1 border=0></P>

2、插入视频代码

以<EMBED>插入

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

以下为其属性:

auto_old=TRUE/FALSE

是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE

LOOP=TRUE/FALSE

设定播放重复次数,LOOP=6表示重复6次,TRUE循环播放,FALSE不循环播放

STARTIME="分:秒"

设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20

VOLUME=0-100

设定音量的大小。如果没设定的话,就用系统的音量。

EnableContextMenu=""

禁右键,1为显示,0为隐藏

WIDTH HEIGHT =

设定播放控件面板的大小,分别表示播放器的宽度和高度

HIDDEN=TRUE/FALSE

隐藏播放控件面板

CONTROLS="CONSOLE / SMALLCONSOLE / PLAYBUTTON / PAUSEBUTTON / STOPBUTTON / VOLUMELEVER"

设定播放控件面板的样子

CONSOLE 一般正常的面板

SMALLCONSOLE 较小的面板

PLAYBUTTON 只显示播放按钮

PAUSEBUTTON 只显示暂停按钮

STOPBUTTON 只显示停止按钮

VOLUMELEVER 只显示音量调整钮

以<OBJET>插入

<OBJECT classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6>

<PARAM NAME="URL" VALUE="歌曲地址">

</OBJECT>

其下为属性:

<param name="AutoStart" value="0"><!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。-->

<param name="PlayCount" value="1"><!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。-->

<param name="Balance" VALUE="0"> <!--调整左右声道平衡,同上面旧播放器代码-->

<param name="EnableContextMenu" VALUE="1"> <!--1为可用鼠标右键,0,为取消用鼠标右键-->

<param name="enabled" value="1"><!--播放器1是人为控制,0为不可控制-->

<param name="rate" value="1"> <!--播放速率控制,1为正常,允许小数,1.0-2.0-->

<param name="currentPosition" value="0"> <!--控件设置:当前位置-->

<param name="volume" value="50"> <!--默认声音大小0%-100%,50则为50%-->

<param name="mute" value="0"> <!--1,为静音,0,有声音-->

<param name="uiMode" value="mini"><!--播放器显示模式:Full显示全部;mini最简化;None只显示视频窗口;invisible全不显示-->

<param name="fullScreen" value="0"> <!--开始播放是否自动全屏1是0不是-->

<param name="enableErrorDialogs" value="1"> <!--是否启用错误提示报告--1显示,0不显示>

3、插入FLASH

<embed width=200 height=200 src="FLASH地址";>

4、自己喜欢的现成品

黑色:

<EMBED style="FILTER: xray" src=音乐视频地址 width=190 height=40 loop="true" >

FILTER: Gray为银白色

MINI:

<OBJECT height=64 width=190 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="音乐连接地址">

<PARAM NAME="playCount" VALUE="0">

<PARAM NAME="autoStart" VALUE="1">

<PARAM NAME="uiMode" VALUE="mini">

</OBJECT>

MINI样式,自动循环播放

(四)滚动条的代码

我用的:

<div style='height:200px;overflow:auto;'>你的文字内容</div>

属性:[使用中将方括号去掉]

<DIV align=center>[置中]

<FONT style=";[文字格式]

OVERFLOW: auto;[超过范围就自动生成滚动条]

OVERFLOW-X: Hidden;[需要时才用,用来隐藏X轴滚动条的]

border: solid 2px black;[边框的格式,厚度和颜色]

background-color: #ffffee;[背景色,如果要透明背景就去掉整句]

SCROLLBAR-FACE-COLOR: #0000ff;[中间可以拉的和箭头旁边部分的颜色]

SCROLLBAR-TRACK-COLOR: #eeffff;[中间可以拉的部分以外的颜色]

SCROLLBAR-HIGHLIGHT-COLOR: #6cb424;[左边框的颜色(显示立体之用)]

SCROLLBAR-3DLIGHT-COLOR: #fcfc48;[左边框的颜色(显示立体之用)]

SCROLLBAR-SHADOW-COLOR: #90fcfc;[右边框的颜色(显示阴影之用)]

SCROLLBAR-DARKSHADOW-COLOR: #401687;[右边框的颜色(于显示阴影之用)]

SCROLLBAR-ARROW-COLOR: #FFFF00;[箭头部分颜色]

ZOOM: 100%;[放大比率]

<div style='height:200px;border: solid 1px black;overflow:auto;'>你的文字内容</div>

(五)我喜欢的一个表格

<TABLE style="WIDTH: 373px; HEIGHT: 322px" borderColor=#000000 cellSpacing=13 background=图片地址 border=3>

<TBODY>

<TR>

<TD>

文字

</TD>

</TR>

</TBODY>

</TABLE>

属性如下:

borderColor:表格边框的颜色cellSpacing=13:表格格线的厚度。(在上面这个例子里就是两条黑色边线之间的距离)border=3:表格边框的厚度。(即最外层边线的厚度)

(六)鼠标特效

1、变换鼠标样式

<STYLE type=text/css>

a:hover {cursor:url('鼠标样式地址')}

BODY {cursor:url('鼠标样式地址')}

</STYLE>

2、如果希望鼠标经过时显示文字,可以用这个语法:

<A href="链接地址" target=_blank><IMG alt="鼠标经过时文字" src="图片地址" border=0></A>

另外你还可以设置当鼠标经过文字或图片链接时的样式

<A style="CURSOR: crosshair" href="鼠标图案链接地址">文字</A>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: