html之简单表格网站制作
2013-08-12 20:55
513 查看
<form></form>表单
<table></table>表格
<caption>表格标题
<br>单标签 <></>双标签
<b>黑粗体 <i>斜体 <u>加下划线
<ol>序号列表 <ul>无序号列表
<div>区隔标记
bgcolor 设置背景颜色
link 设置链接颜色 vlink 设置已使用的链接的颜色 alink
设置正在被击中的链接的颜色
background 设定背景墙纸
bgproperties="fixed" 固定背景墙纸
align：图像位置
alt：图像的替代字
<select>创建下拉列表框或复选的列表框。
<bgsound>用<bgSound>标签加入背景音乐格式如下：<bgsound="音乐文件.wav"
loop="播放的次数">其中loop属性为0时表示循环播放，但bgsound标记只能适用于IE
<embed>标签嵌入声音 .mid
1.链接一个视频文件
将视频文件做成一个链接的方法：
<AHREF=视频地址">视频名称</A>
2.自动载入视频
与音乐的播放一样，我们可以使用EMBED标签播放视频，
<EMBED SRC="视频文件地址">
属性有：
SRC="../../FILENAME" 设定文件的路径
AUTOSTART=TRUE/FALSE 是否要文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE
例如：播放一段视频。
<AHREF= http://www.xaepi.edu.cn /"welcome.avi">WINDOWS95</A>
LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。
STARTIME="分:秒" 设定开始播放时间，如20秒后播放写为STARTIME=00:20
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。
WIDTH HEIGHT 设定控制面板的大小
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<frameset>帧：行rows 、列clos这两个属性的取值可以是百分数、绝对像素值或星号(“*”)
<frame>指定帧：src 、name（name这个名字是用来供超文本链接标签<a href="" target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。）
例如定义了一个帧，名字是main，在帧中显示的Html文件名是jc.htm，则代码是<frame src="jc.htm" name="main">，当您有一个链接，在点击了这个链接后，文件new.htm将要显示在名为main的帧中，则代码为<a href="new.htm" target="main">需要链接的文本</a>。这样一来，就可以在一个帧中建立网站的目录，加入一系列链接，当点击链接以后在另一个帧中显示被链接的Html文件。
<frame>标签还有 和noresize属性：
scrolling用来指定是否显示滚动轴，取值可以是“yes”(显示)、“no”(不显示)或“auto”(若需要则会自动显示,不需要则自动不显示)。
noresize属性直接加入标签中即可使用，不需赋值，它用来禁止用户调整一个帧的大小。
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
超链接
<A HREF="资源地址">链接文字</A>
HREF 链接所指地
URL链接的形式：
协议名：//主机.域名／路径／文件名
<table></table>表格
<caption>表格标题
<br>单标签 <></>双标签
<b>黑粗体 <i>斜体 <u>加下划线
<ol>序号列表 <ul>无序号列表
<div>区隔标记
bgcolor 设置背景颜色
link 设置链接颜色 vlink 设置已使用的链接的颜色 alink
设置正在被击中的链接的颜色
background 设定背景墙纸
bgproperties="fixed" 固定背景墙纸
align：图像位置
alt：图像的替代字
<select>创建下拉列表框或复选的列表框。
<bgsound>用<bgSound>标签加入背景音乐格式如下：<bgsound="音乐文件.wav"
loop="播放的次数">其中loop属性为0时表示循环播放，但bgsound标记只能适用于IE
<embed>标签嵌入声音 .mid
1.链接一个视频文件
将视频文件做成一个链接的方法：
<AHREF=视频地址">视频名称</A>
2.自动载入视频
与音乐的播放一样，我们可以使用EMBED标签播放视频，
<EMBED SRC="视频文件地址">
属性有：
SRC="../../FILENAME" 设定文件的路径
AUTOSTART=TRUE/FALSE 是否要文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE
例如：播放一段视频。
<AHREF= http://www.xaepi.edu.cn /"welcome.avi">WINDOWS95</A>
LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。
STARTIME="分:秒" 设定开始播放时间，如20秒后播放写为STARTIME=00:20
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。
WIDTH HEIGHT 设定控制面板的大小
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<frameset>帧：行rows 、列clos这两个属性的取值可以是百分数、绝对像素值或星号(“*”)
<frame>指定帧：src 、name（name这个名字是用来供超文本链接标签<a href="" target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。）
例如定义了一个帧，名字是main，在帧中显示的Html文件名是jc.htm，则代码是<frame src="jc.htm" name="main">，当您有一个链接，在点击了这个链接后，文件new.htm将要显示在名为main的帧中，则代码为<a href="new.htm" target="main">需要链接的文本</a>。这样一来，就可以在一个帧中建立网站的目录，加入一系列链接，当点击链接以后在另一个帧中显示被链接的Html文件。
<frame>标签还有 和noresize属性：
scrolling用来指定是否显示滚动轴，取值可以是“yes”(显示)、“no”(不显示)或“auto”(若需要则会自动显示,不需要则自动不显示)。
noresize属性直接加入标签中即可使用，不需赋值，它用来禁止用户调整一个帧的大小。
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
超链接
<A HREF="资源地址">链接文字</A>
HREF 链接所指地
URL链接的形式：
协议名：//主机.域名／路径／文件名
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="Bookmark" href="http://demo.sc.chinaz.com/Files/pic/iconsico/5176/102.ico">
<link rel="Shortcut Icon" href="http://demo.sc.chinaz.com/Files/pic/iconsico/5176/102.ico">
<title>小神记</title>
<style type="text/css">body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 2px;
}
</style></head>
<body>
<table width="1355" border="0" cellspacing="0" cellpadding="0"">
<tr bgcolor="124061">
<td width="294" height="5"><hr style=" border:1px silver dashed;"/></td>
<td width="600" ><hr style=" border:1px silver dashed;"/></td>
<td width="461"><hr style=" border:1px silver dashed;"/></td>
</tr></table>
<table width="1356" height="97" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="093250">
<td width="178"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="175" height="97" /></td>
<td width="397"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="68" height="47" /><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="53" height="34" /><strong><font color="#ffffff" size="+2">小神硬着头皮写网站.</font></strong></td>
<td width="377" height="97"></font> <img src="http://b126.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/13Yw6rKHJkHDw6VbA6uckfUyJvvdqAFQ27EIqhLx4co!/b/dO.4IUsKKwAA&bo=WwBWAAAAAAADACg!" width="91" height="86" /><img src="http://b127.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/U0xXwyJWC02hiXIzohUzyRPw*8fikZtSePGfbEV*2NE!/b/dDEHwkuqDAAA&bo=ogBbAAAAAAADANw!" width="162" height="91" /></td>
<td width="80"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="73" height="55" align="middle" /></td>
<td width="129"><font color="fbfbfd">小神很调皮.</font></td>
<td width="195"> </td>
</tr>
</table>
<table width="1357" height="1017" border="0" cellpadding="0" cellspacing="0" >
<tr background="http://b123.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/YEiIehmzvuMRchicIUMWxKKeGkfgWa0Lnhvc5B9GWro!/b/dIZ3WUk4MgAA&bo=IAOmAQAAAAADAKE!">
<td width="169" rowspan="6"> </td>
<td width="7" rowspan="6"> </td>
<td width="217" height="73"><footer id="colophon" role="contentinfo">
<nav class="nav-page" role="navigation">
<div align="left"><font color="#330066"size="+2"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="33" height="28" align="texttop" /></font><font color="#0a090a"size="+2">小神项目库</font>
<font color="#330066"size="+2"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="33" height="28" align="texttop" /></font>
<hr align="center" style=" border:1px silver dashed;"/>
</div>
</nav></td>
<td width="10" rowspan="6"> </td>
<td width="502" ><div align="center"><font color="#330066"size="+2"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="33" height="28" align="texttop" /></font><font color="#0a090a"size="+2">小神动态库</font><font color="#330066"size="+2"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="33" height="28" align="texttop" /></font></div></td>
<td width="10" rowspan="6" > </td>
<td width="204" ><div align="left"><font color="#330066"size="+2"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="33" height="28" align="texttop" /></font><font color="#0a090a"size="+2">小神资料库</font>
<font color="#330066"size="+2"><img src="http://b125.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/0b.0qjx2GOk0LkpHo4Dtw.Em*PCsZBpfggFiqspgYXY!/b/dJunhEqMKwAA&bo=lgBSAAAAAAADAOE!" width="33" height="28" align="texttop" /></font>
<hr align="center" style=" border:1px silver dashed;"/>
</div></td>
<td width="10" rowspan="6"> </td>
<td width="228" rowspan="6"> </td>
</tr>
<tr>
<td rowspan="2"><ul>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44">
<div align="left"><a href="http://user.qzone.qq.com/1493639383/main/">Java</a></div>
</li>
<div align="left">
<p></p>
</div>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44">
<div align="left"><a href="http://user.qzone.qq.com/1493639383/main/">J2Me</a></div>
</li>
<div align="left">
<p></p>
</div>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-121">
<div align="left"><a href="http://user.qzone.qq.com/1493639383/main/">C++</a></div>
</li>
</ul></td>
<td rowspan="2"><p><img src="http://img.my.csdn.net/uploads/201303/20/1363762882_4243.jpg" width="236" height="186" /><img src="http://uploadgif.55.la/upload/temp/2013/08/10/18/100008406592562.gif" width="265" height="185" /> </p>
<p>这是一款TD类型的游戏， 采用C++语言开发的TD类型的游戏，基本实现关卡，动画，电脑AI，音效等 </p>
<p><img src="http://img.my.csdn.net/uploads/201303/20/1363762078_6655.jpg" width="236" height="186" /><img src="http://uploadgif.55.la/upload/temp/2013/08/10/18/100008740252203.gif" width="265" height="185" /> </p>
<p>这是一款纸牌类型的游戏，采用C++语言开发，实现了纸牌(斗地主)的基本功能，综合了音乐，动画，美术等多种艺术表达形式。 </p>
<p><img src="http://b127.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/nWcpRBXL0Tz0uQ1YHIIkIE5QOM3XDN.D65kfTbulN2I!/b/dK99vUuWDAAA&bo=vAINAgAAAAABAJY!" width="236" height="186" /><img src="http://uploadgif.55.la/upload/temp/2013/08/10/18/100008874468171.gif" width="265" height="185" /> </p>
<p> 采用Java开发的保卫学校大战僵尸的游戏，里面基本实现动画，关卡，电脑Ai，音效等。 </p></td>
<td height="13"> </td>
</tr>
<tr>
<td height="681"><img src="http://b123.photo.store.qq.com/psb?/V112c0Yg2mW2Hu/xj45EQfPPsnkQDrDuWy7Y6WOMwKOqw*CiKcwQT8eap8!/b/dF6OXEklMgAA&bo=fgBkAAAAAAADAD8!" width="133" height="109" /></td>
</tr>
<tr>
<td height="45"> </td>
<td rowspan="3"> </td>
<td ><p>昵称：小神</p>
<p>邮箱：<a itemprop="email" href="mailto:callchunli@qq.com">callchunli@qq.com</a></p></tr>
<tr>
<td height="192"> </td>
<td>
<aside class="links">
<h3>友情链接<hr width=100% size=1 color=#b984c4 style="border:1 dashed #b984c4"></h3>
<ul>
<li><a href="http://user.qzone.qq.com/1493639383/main/" rel="friend met co-worker" target="_blank">小神QQ空间</a></li>
</p>
<li><a href="http://write.blog.csdn.net/postlist" rel="co-worker" target="_blank">小神CSDN</a></li>
</p>
<li><a href="http://user.qzone.qq.com/1493639383/main/" rel="acquaintance met" target="_blank">小神腾讯围脖</a></li>
</p>
<li><a href="http://user.qzone.qq.com/1493639383/main/" rel="friend neighbor" target="_blank">小神新浪围脖</a></li>
</ul>
</aside></p></td>
</tr>
<tr>
<td height="13"> </td>
<td > </td>
</tr>
</table><table width="1365" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="424"><hr align="center" style=" border:1px silver dashed;"/> </td>
<td width="477"><hr align="center" style=" border:1px silver dashed;"/>
本内容均为小神原创...解释权归小神所有。。。。。。。。。</td>
<td width="464"><hr align="center" style=" border:1px silver dashed;"/>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML 使用表格制作简单的个人简历
- 前端技术学习之道：html之简单网页表格制作
- 在使用jQuery+HTML+Javascript的简单例子---很容易的制作双色表格
- 【网站制作视频教程】-第08讲 html表格应用详解！-传智播客
- html之简单网页表格制作
- html简单跨行跨列表格制作
- HTML之表格制作
- HTML中如何制作细线表格（企业开发中的方法）
- [置顶] 【实战】如何通过html+css+mysql+php来快速的制作动态网页（以制作一个博客网站为列）
- html个人信息采集表格的简单使用
- 最基本的HTML表格格式,border，再加一点简单的css
- [html5入门-15]Html布局中简单的table的制作方法
- 通用型简单latex模板＆表格制作
- Python制作简单表格
- Html制作漂亮表格
- 怎样用最简单的html+css代码制作一颗跳动的心？
- HTML5+CSS3+JS学习笔记-12-使用JS及函数来制作表格加上3D透视效果
- 【网站制作视频教程】-第14讲 html多媒体应用！-传智播客
- Html ----- 制作北大青鸟网站导航
- 《HTML&CSS设计与构建网站》第六章 表格