html基础表格和列表

最新推荐文章于 2022-12-08 21:03:39 发布

丷寒枫丷

最新推荐文章于 2022-12-08 21:03:39 发布

阅读量127

点赞数

分类专栏： Html

本文链接：https://blog.csdn.net/qq_24432127/article/details/88831858

版权

Html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<ul type="square">
			<li>春天</li>
			<li>夏天</li>
			<li>秋天</li>
			<li>冬天</li>
		</ul>
		
		<ol type="A">
			<li>听到闹钟</li>
			<li>关闭闹钟</li>
			<li>再睡一会</li>
			<li>心里不安， 等待闹钟</li>
			<li>睁开眼睛</li>
		</ol>
		
		<hr style="width: 500px; float:left;" color="red">
		<br>
		<table border="1" style="float:left;" cellspacing="20" cellpadding="50">
			<tr>
				<td colspan="2" align="center" rowspan="2" valign="bottom">第一行第一列</td>
				<!-- <td>第一行第二列</td> -->
				<td >第一行第三列</td>
			</tr>
			<tr>
				<td>第二行第一列</td>
				<!-- <td>第二行第二列</td> -->
				<!-- <td>第二行第三列</td> -->
			</tr>
			<tr>
				<td >第三行第一列</td>
				<td>第三行第二列</td>
				<td>第三行第三列</td>
			</tr>
			<tr>
				<td>第四行第一列</td>
				<td>第四行第二列</td>
				<td>第四行第三列</td>
			</tr>
		</table>
		<br>
		
		
		<!-- 
		 列表:
		 无序列表：ul
		 有序列表: ol
		 type:列表中的项的默认样式
		 
		 
		 table:表格
		 tr :行
		 td: 列
		 border ：表格边框样式显示
		 cellspacing : 单元格与单元格之间的间距设置
		 cellpadding : 单元格内部填充的大小设置
		 colspan:横向合并单元格
		 rowspan:纵向合并单元格
		 align：水平对齐方式: center , left , right
		 valign:垂直对齐方式: top , middle, bottom
		 -->
	</body>
</html>

丷寒枫丷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础表格和列表

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul type="square"> <li>春天</li> ...
复制链接

扫一扫