表格制作效果

最新推荐文章于 2023-03-15 14:02:05 发布

KamukuraIzuru

最新推荐文章于 2023-03-15 14:02:05 发布

阅读量216

点赞数

分类专栏： HTML HTML入门基础

HTML 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

HTML入门基础

20 篇文章 0 订阅

订阅专栏

表格制作效果

<html>
<head>
	<title>表格复习</title>
	<meta charset="utf-8">
</head>
<!--
	leftmargin:网页的内容与左边的距离
	topmargin:网页的内容与顶部的距离

-->
<body leftmargin="0" topmargin="0">
	<bgsound src="Syml - Wildfire  (Piano and Violin Version).mp3" autostart="ture" loop="1"></bgsound>
	<table width="1000" border="0" cellpadding="3" cellspacing="1" align="center">
		<tr height="100">
			<td colspan="2">
				<table width="100%">
					<tr>
						<td rowspan="2"><img src="2.jpg"></td>
						<td>新闻</td>
						<td>军事</td>
						<td>社会</td>
						<td>国际</td>
						<td>体育</td>
						<td>NBA</td>
						<td>英超</td>
						<td>中超</td>
						<td>博客</td>
						<td>专栏</td>
						<td>文史</td>
						<td>天气</td>
					</tr>
					<tr>
						<td>新闻</td>
						<td>军事</td>
						<td>社会</td>
						<td>国际</td>
						<td>体育</td>
						<td>NBA</td>
						<td>英超</td>
						<td>中超</td>
						<td>博客</td>
						<td>专栏</td>
						<td>文史</td>
						<td>天气</td>
					</tr>
				</table>
				<hr color="red">
			</td>

		</tr>
		<!--垂直对齐方式valign:top|middle|bottom-->
		<!--target=_blank(弹出新的页面显示)，_self(覆盖当前页面，默认值)，框架名称-->
		<tr height="430" bgcolor="pink">
			<td width="150" valign="top">
				<table width="100%"  align="center" bgcolor="pink"	cellpadding="3" cellspacing="0">
					<tr height="30"><td align="center"><a href="http://www.sina.com.cn" target="mainFrame">新闻</a></td></tr>
					<tr height="30"><td align="center"><a href="8列表清单.html" target="mainFrame">列表清单</a></td></tr>
					<tr height="30"><td align="center"><a href="7滚动字符.html" target="mainFrame">滚动字符</a></td></tr>
					<tr height="30"><td align="center">国际</td></tr>
					<tr height="30"><td align="center">体育</td></tr>
					<tr height="30"><td align="center">NBA</td></tr>
					<tr height="30"><td align="center">英超</td></tr>
					<tr height="30"><td align="center">中超</td></tr>
					<tr height="30"><td align="center">博客</td></tr>
					<tr height="30"><td align="center">专栏</td></tr>
					<tr height="30"><td align="center">文史</td></tr>
					<tr height="30"><td align="center">天气</td></tr>
			</table>
			</td>
			<td>
				<!--
					浮动窗口iframe
					src="链接地址",默认页面的地址
					width="宽度"
					frameborder="边框"
					name="f浮动窗口的名称"
					所有需要在浮动窗口中显示的野蛮，在对应的超级链接中都必须加上target="浮动窗口名称"
				-->
				<iframe src="5文字效果.html" width="100%" height="450" frameborder="0" name="mainFrame"></iframe>
			</td>
		</tr>
		<tr height="80">
			<td colspan="2">

				<hr color="red">
				<font size="2">
				宏图软件学院@版权所有，未经允许任何人不得拷贝<br/>
				联系电话：15745512154；QQ号码:212121;邮箱地址：<a href="mailto:1520889625@qq.com">写信给我</a><br/>
				学校地址：杭州市沙市镇
				</font>
			</td>

		</tr>
	</table>
</body>
</html>

显示效果：
在这里插入图片描述