简单的网页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>
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>
相关文章推荐
- Yii 使用CActiveForm创建表单,以及htmlOptions简单说明
- 我的html 初学第一步 编译器的选择和代码的简单使用
- 【Html】使用<pre>标签为你的网页加入大段代码
- 使用html编写简单的网页计算器
- 使用vb获取网页源文件并保存的简单代码
- 简单的html静态网页使用libevent
- 以HTML网页实例说明head区代码的意思
- c++ curl 的简单使用和从网页上抓取图片的代码
- [HTML 5] 辐射式伞状网页背景特效代码下载与使用
- html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)
- .net HTMLParser详细使用说明 强大的Filter类 解析HTML文档如此简单
- java正则表达式简单使用和网页爬虫的制作代码
- 使用DotNetOpenAuth搭建OAuth2.0授权框架——Demo代码简单说明
- .net HTMLParser详细使用说明 强大的Filter类 解析HTML文档如此简单
- html 网页代码大全,总结,使用
- 使用flv播放器 Vcastr 网页视频播放器代码中的参数说明
- 安卓--SQLite数据库的简单使用(说明+代码)
- 大学生简单网页div+css网页纯手写代码制作html静态页面切图排版
- html网页 swf播放器使用代码
- iOS使用webView加载HTML网页链接简单展示