现在的位置: 首页 > 综合 > 正文

用HTML table 命令显示线条

2013年06月07日 ⁄ 综合 ⁄ 共 689字 ⁄ 字号 评论关闭

      用什么HTML命令在网页上面显示线条呢?其实我们可以用<table><tr><td.....></td></tr></table>命令来实现。这是一个画表格的命令,如何能使用此来画线条呢?其实我们要的只是表格中被填充的颜色。

下面举例来说明:

<html>
	<head>
		<title>网页直线制作</title>
	</head>
	
	<body>

		<!这个width决定线条的长度,可用百分数或者数值表示>
		<table   align ="center" width= 20%>
			<!height决定线条的高度,不能用百分数表>
			<tr> <td   height= "10" bgcolor= "#000000 "> </td> </tr> 
		</table> 

		<!width表示线条的宽度,可用百分数或者数值表示>
		<table   align="center" width= 0.1%>
			<!height表示线条的高度,不能用百分数来表示>
			<tr> <td   height="200" bgcolor= "#000000 "> </td> </tr> 
		</table> 
	</body>

</html>

运行效果为:

为什么说我们使用的线条是用的表格的填充颜色部分呢。其实根据我们的HTML代码已经很明显,我们在<table....>语句中都加入border="1"即加上边框就可以更加明显的看到效果。为了更加清楚,我将第二个width=0.1%换位width=1%,其余代码保持不变,运行代码得以下效果:

很显然这是两个表格。

总结:

有很多的东西可由已经存在的另外一种东西得来。虽然本质不一样,但那就是我们想要的(只指实现效果方面如HTML网页实现,不只生活方面)

抱歉!评论已关闭.