html table scroll

最新推荐文章于 2024-04-10 15:36:08 发布

原创最新推荐文章于 2024-04-10 15:36:08 发布 · 836 阅读

0 ·

CC 4.0 BY-SA版权

js-flex 专栏收录该内容

106 篇文章

订阅专栏

本文展示了一个使用HTML创建的包含重复链接的表格示例，通过这个示例可以学习如何在网页中使用表格元素和链接。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<table border="1">
		<tbody>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
			<tr>
				<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
			</tr>
		</tbody>
	</table>
</body>
</html>

------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div style="overflow-y: scroll; height: 100px;">
		<table border="1">
			<tbody>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
				<tr>
					<td>http://127.0.0.1:8080/PrjJsp/Test/NewFile.html</td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>