HTML静态网页中的表格table

最新推荐文章于 2024-07-05 22:38:16 发布

小白学代码

最新推荐文章于 2024-07-05 22:38:16 发布

阅读量6k

点赞数 10

分类专栏：初学者静态HTML

本文链接：https://blog.csdn.net/xiahang1121/article/details/89816102

版权

初学者同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

静态HTML

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
		<table border="10px" width="800px" cellpadding="2px" cellspacing="2" >cellpadding内边距,内容与边框的上下距离,cellspacing 外边距,外框与格子的距离
			<caption表格的标题></caption>
			<tr><!-- 行-->
				<td>学号</td><!-- 列-->
				<td>姓名</td>
			</tr>
			<tr><!-- 行-->
				<td>s310</td><!-- 列-->
				<td>夏冬</td>
			</tr>
			<tr><!-- 行-->
				<th>网页外观cellpadding,width'''''用HTML写其实不标准 应该用CSS 写</th><!-- 列-->
				<th>这是用的th加粗</tH>
			</tr>
			
			
		</table>
		<table border="1" width="880px cellspacing="1px">
			<tr>
				<td rowspan="2">部门</td> <!--  合并行-->
				<td rowspan="2">姓名</td>
				<td colspan="2">工资</td>
				<td colspan="2">补贴</td> <!--  合并列-->
				<td rowspan="2">应发工资</td>
			</tr>
			<tr>
				<td >基本工资</td>
				<td >到岗工资</td>
				<td >午餐工资</td>
				<td >高温补助</td>
				
			</tr>
			<tr>
				<td rowspan="2">研发部</td>
				<td >夏冬</td>
				<td >1000</td>
				<td >200</td>
				<td>100</td>
				<td>100</td>
				<td>1100</td>
			</tr>
		</table>
		<h1>有序列表</h1>
		<p>这是我每天的作息安排</p>
		<ol>
			<li>5:30  起床</li>
			<li>6:10 出门</li>
			<li>7:00 看知识任务</li>
			<li>8:30开始上班</li>
		</ol>
		<h1>无序列表</h1>
		<ul>
			<li>5:30  起床</li>
			<li>6:10 出门</li>
			<li>7:00 看知识任务</li>
			<li>8:30开始上班</li>
		</ul>
		<h1>制作滚动效果</h1>
		<marquee direction="down" behavior="scroll" loop="8"><font size="6" color="aqua">这字杂滚动</font>这字杂滚动</marquee>
		<p>图片滚动</p>
		<marquee> <img src="img/QQ图片20190320163627.jpg" border="0" height="200px" width="88px" /></marquee>
		<div> 层,块级元素,容器</div>
	</head>
	<body>
	</body>
</html>

小白学代码

关注

10
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
HTML静态网页中的表格table

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格</title> <table border="10px" width="800px" cellpadding="2px" cellspacing="2" >cellpaddi...
复制链接

扫一扫

专栏目录