HTML中表格练习

最新推荐文章于 2022-07-20 05:00:00 发布

道法—自然

最新推荐文章于 2022-07-20 05:00:00 发布

阅读量352

点赞数 1

分类专栏：前端总结

本文链接：https://blog.csdn.net/wyqwilliam/article/details/103408546

版权

前端总结专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>表格的学习</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<h3>表格的学习</h3>
		<hr />
		<table style="border-bottom: none;" border="1px" width="400px" height="400px" align="center" background="yello" cellpadding="50px" cellspacing="20px">
			<tr bordercolor="red">
				<th>5</th>
				<th>6</th>
				<th>7</th>
				<th>8</th>
			</tr>
			<!--<tr align="center">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
			</tr>-->
			<tr align="center">
				<td colspan="2">
					<a target="_self" href="http://www.baidu.com">百度</a>
				</td>
				<td>
					<img src="img/1575528822(1).jpg" width="20px" height="20px" />
				</td>
				<td>
					<a href="http://www.jd.com">京东</a>
				</td>
				<!--<td>8</td>-->
			</tr>
			<tr align="center">
				<td align="center">9</td>
				<td>10</td>
				<td>11</td>
				<td rowspan="2">12</td>
			</tr>
			<tr align="center">
				<td align="center">9</td>
				<td>10</td>
				<td >11</td>
				<!--<td>12</td>-->
			</tr>
		</table>
		<p>
			表格中：
			分为行和列
			行和列的合并，行的合并使用的是rowspan;列的合并使用的是colspan
			表格中可以设置宽度width，高度height;
			表格中可以设置外边框的显示border,在table上添加
			cellspacing是表格中内边框和外边框的距离
			cellpadding是表格中文字到边框的距离
			style border-bottom=none,修改的是外边框的线条
			在表格中可以引入a标签，加上超链接
			在表格中也可以引入img引入图片，使用src
			在表格中可以根据具体情况，设置图片的大小size和width
			在表格中可以设置超链接的打开方式parent/blank等
			
		</p>
	</body>
</html>

道法—自然

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML中表格练习

<html> <head> <title>表格的学习</title> <meta charset="UTF-8"/> </head> <body> <h3>表格的学习</h3> <hr /> <table style="border-bottom...
复制链接

扫一扫