七、设置表格背景
基本语法:
基本语法:
<table bgcolor="" background="" align="">
<tr>
<td></td>
</tr>
</table>
<table width="470" border="1" bgcolor="red" align="center">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
八、设置行内容水平对齐和垂直对齐
<table>
<tr align="" valign="" bordercolor= bgcolor= height="">
</tr>
<tr>
<td></td>
</tr>
</table>
如:
<table border="1">
<tr align="center" height=50 valign="bottom">
<th>网页设计</th>
<th>数据库开发</th>
<th>程序设计</th>
</tr>
<tr align="center" bordercolor=red bgcolor=yellow>
<td>Dreamweaver</td>
<td>Access</td>
<td>C++</td>
</tr>
<tr>
<td>FrontPage</td>
<td>SQL SERVER</td>
<td>C#</td>
</tr>
</table>
九、设置跨行跨列
<td colspan=数值>
<th colspan=数值>
<td rowspan=数值>
<th rowspan=数值>
Colspan:跨列
Rowspan:跨行
如:
<table width="380" border="1">
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
如:
<table width="380" border="1">
<tr>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td > </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
框架的应用
一、框架分割方式
1.左右分割方式
<frameset cols="value,value,value">
<frame src="url">
<frame src="url">
<frame src="url">
</frameset>
如:
<html>
<head>
<title>左右分割窗口</title>
</head>
<frameset cols="25%,25%,25%,*">
<frame><frame><frame><frame>
</frameset>
</html>
2.上下分割窗口
<frameset rows="value,value,value">
<frame src="url">
<frame src="url">
<frame src="url">
</frameset>
如:
<html>
<head>
<meta charset="utf-8">
<title>上下分割窗口</title>
</head>
<frameset rows="10%,30%,60%,">
<frame><frame><frame>
</frameset>
</html>
3.嵌套分割窗口
<frameset rows="value,value,value">
<frame src="url">
<frameset cols="value,value,value">
<frame src="url">
<frame src="url">
</frameset>
如:
<html>
<head>
<meta charset="utf-8">
<title>嵌套分割窗口</title>
</head>
<frameset cols="*,*">
<frameset rows="*,*">
<frame><frame>
</frameset>
<frameset rows="*,*">
<frame><frame>
</frameset>
</frameset>
</html>
二、窗口框架设置
1. 设置窗口框架宽度属性border
<frameset border="value">
2.边框颜色属性bordercolor
<frameset bordercolor="value">
3.框架隐藏属性
<frameset frameborder="value">
如:
<html>
<head>
<meta charset="utf-8">
<title>框架窗口属性</title>
</head>
<frameset cols="20%,80%">
<frame scrolling=yes name=left src="http://www.sina.com.cn">
<frameset rows="50%,50%">
<frame src="http://www.sohu.com" scrolling=no>
<frame>
</frameset>
</frameset>
</html>
多媒体网页效果
<marquee direction="" behavior="" loop="" scrollamount ="" scrolldelay="
" align="" bgcolor="#" height="" width="" hspace="" vspace="">滚动文字</marquee>
Direction:移动方向 left,right,up,down
Behavior:移动效果 scroll(循环),slide(滚动一次停止),alternate(交替滚动)
Loop:循环滚动次数
Scrollamount:文字滚动速度
Scrolldelay:文字每次滚动间隔时间
如:
<title></title>
</head>
<body>
<marquee direction=right behavior="scroll" scrolldelay="150" bgcolor="blue" height="50" width="525">
<font size=10 color="yellow">滚动文字可以增加网页的生动性。</font>
</marquee>
</body>
滚动文字
如;
<title>设置滚动字幕的超链接</title>
</head>
<body>
<a href=mailto:andashy@163.com><marquee>给我写信吧!带你进入网页制作的世界!</marquee></a>
</body>
<title>播放音乐</title>
</head>
<body>
<EMBED SRC="music1.mp3" loop=true width=145 height=60>
<P> 出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。</P>
</body>>
<title>播放音乐和视频</title>
</head>
<body>
<EMBED SRC="music1.mp3" loop=true width=145 height=60>
<P> 出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。</P>
</body>
<B><font size=4>播放视频</font></B>
<P>
<EMBED SRC="yanda.mp4" autostart=true loop=true width=350 height=250>
</P>