练习：html

最新推荐文章于 2024-09-16 23:39:36 发布

褚哲希

最新推荐文章于 2024-09-16 23:39:36 发布

阅读量127

点赞数

分类专栏：前端学习文章标签： html elementui 蓝桥杯

本文链接：https://blog.csdn.net/m0_51996043/article/details/122917744

版权

这篇博客通过四个实例——水果展示、淘宝注册页面、个人简历及课表制作，详细介绍了HTML在网页设计中的应用，涵盖了基础元素及布局技巧。

摘要由CSDN通过智能技术生成

1.水果展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h3 align="center">水果展示</h4>
		<hr color="brown" size="2">
		<table align="center">
			<tr align="left">
				<td rowspan="4"><img src="../img/banana.jpg" ></td>
				<td>名称：香蕉</td>
				<td rowspan="4"><img src="../img/pineapple.jpg" ></td>
				<td>名称：菠萝</td>
				<td rowspan="4"><img src="../img/banana.jpg" ></td>
				<td>名称：香蕉</td>
			</tr>
			<tr>
				<td><s>原价：￥19.80</s></td>
				<td><s>原价：￥19.80</s></td>
				<td><s>原价：￥19.80</s></td>
			</tr>
			<tr>
				<td>现价：￥9.80</td>
				<td>现价：￥9.80</td>
				<td>现价：￥9.80</td>
			</tr>
			<tr>
				<td>产地：海南</td>
				<td>产地：广西</td>
				<td>产地：海南</td>
			</tr>
			<tr align="left">
				<td>名称：桃子</td>
				<td rowspan="4"><img src="../img/peach.jpg" ></td>
				<td>名称：梨</td>
				<td rowspan="4"><img src="../img/pear.jpg" ></td>
				<td align="right">名称：葡萄</td>
				<td rowspan="4"><img src="../img/grape.jpg" ></td>
			</tr>
			<tr align="left">
				<td><s>原价：￥19.80</s></td>
				<td><s>原价：￥19.80&l