一些自学的html代码（html中table基本用法）

最新推荐文章于 2024-07-26 14:13:22 发布

xiaoout

最新推荐文章于 2024-07-26 14:13:22 发布

阅读量3.4k

点赞数 1

分类专栏：杂学文章标签： html 标签

本文链接：https://blog.csdn.net/u010398265/article/details/46041545

版权

杂学专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML表格的一些介绍

用到的标签稍微解释下 <table></table> 表格的意思 <tr></tr> 行的意思 <td></td>列的意思

如果要对表格做修饰比如说边框宽度border 边框颜色bordercolor 背景颜色bgcolor 这些应该是一般标签通用的属性

那还有合并格行是colspan 列是rowspan 具体怎么合并模仿的操作一下就明白了

给表格设置宽width 高height 等等

滚动标签 <marquee></marquee> 来回滚动behavior="alternate" 当然还有很多其他的 scroll 连续滚动等等。

<html>
	<head>
		<title>第二节水课</title>
		<meta   http-equiv = "content-type"
			content = "text/html;
			charset = GB2312"
			>
	</head>
	<body>
		<h1 align="center">表格介绍</h1>
		<table align="center" border = "6" bgcolor = "green" bordercolor="blue">
			<tr>
				<td colspan="5"><center><h1>湖南工业大学</h1></center></td>
			</tr>
			<tr align="center">
				<td rowspan =3>学院</td>
				<td>姓名</td>
				<td>性别</td>
				<td>Qq</td>
				<td>学校</td>
			</tr>
			<tr>
				<td>王虎</td>
				<td>男</td>
				<td>1234522222222222222226</td>
				<td>湖工大</td>
			</tr>
			<tr>
				<td>两肺</td>
				<td>男</td>
				<td>65423</td>
				<td>湖工大</td>
			</tr>

		</table>


		<font size="20" color="rgb(195,21,64)">table boder tr colspan td rowspan</font>



		<hr><br><br><br><br>
		<table align="center" border="3" width="1000" height="200">
			<tr>
				<td colspan="4" align="center">阿里爸爸和套包网站</td>
			</tr>
			<tr>
				<td rowspan="2" >阿里爸爸旗下网站</td>
				<td>我要买</td>
				<td>我要买</td>
				<td>我套包</td>
			</tr>
			<tr>
				<td colspan="3">您好，欢迎来到套包！</td>
			</tr>

		</table>

<br><br>
<hr><br><br>
		<center><h1>购物车</h1></center>
		
		<marquee behavior="alternate">
			<table border = 1 align="left" width="400" height ="200" bgcolor ="black">
				
				<tr>
					<td colspan = 4 align="center"><font color = "white">商品1</font></td>
					
				</tr>
				<tr>
					<td rowspan=2><font color = "white">1212313</font></td>
					<td><font color = "white">变成思想</font></td>
					<td><font color = "white">信心与希望</font></td>
					<td><font color = "white">爱国人</font></td>
				</tr>
				<tr>
					<td><font color = "white">1212313</font></td>
					<td><font color = "white">变成思想</font></td>
					<td><font color = "white">信心与希望</font></td>					
				</tr>
				
			</table>
			
			<table	border =1 align="left" width="400" height ="200" bgcolor ="green">
				<tr>
					<td td colspan = 4 align = "center">商品2</td>
				</tr>
				<tr>
					<td rowspan=2>1212313</td>
					<td>变成思想</td>
					<td>信心与希望</td>
					<td>爱国人</td>
				</tr>
				<tr>
					<td>1212313</td>
					<td>变成思想</td>
					<td>信心与希望</td>					
				</tr>
			</table>
			
			<table border =1 align="left" width="400" height ="200" bgcolor ="yellow">
				<tr>
					<td colspan = 4 align = "center"><font color = "green">商品3</font></td>
				</tr>
				<tr>
					<td rowspan=2><font color = "green">1212313</font></td>
					<td><font color = "green">变成思想</font></td>
					<td><font color = "green">信心与希望</font></td>
					<td><font color = "green">爱国人</font></td>
				</tr>
				<tr>
					<td><font color = "green">1212313</font></td>
					<td><font color = "green">变成思想</font></td>
					<td><font color = "green">信心与希望</font></td>					
				</tr>
			</table>
		</marquee>
			
<br><br><br><br><br>

<hr>
<br><br><br><br>
		<table bgcolor = "BRG(211,31,35)">
			<tr>
				<td>房产|</td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td colspan =4>高尔夫</td>
				<td>        </td>
				<td>       </td>
			</tr>
		</table>
		<table>
			<tr>
				<td rowspan = 5 colspan = 3><img src="./imags/liangyongqi.jpg" width=110 ></td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td colspan = 2>高尔夫</td>
				<td></td>

			</tr>
			<tr>
				<td>房产|</td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td>高尔夫</td>
			</tr>
			<tr>
				<td>房产|</td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td>高尔夫</td>
			</tr>
			<tr>
				<td>房产|</td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td>高尔夫</td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>房产|</td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td>高尔夫</td>
			</tr>
			<tr>
				<td>房产|</td>
				<td>地产|</td>
				<td>汽车|</td>
				<td>车型|</td>
				<td>F1  |</td>
				<td colspan =4>高尔夫</td>
			</tr>
		
		</table>
<br><br><br><br><br><br>

	</body>
</html>