当先锋百科网

首页 1 2 3 4 5 6 7

店铺网页html代码

店铺网页HTML代码


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的店铺</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<header>
		<h1>我的店铺</h1>
		<nav>
			<ul>
				<li><a href="#about">关于我们</a></li>
				<li><a href="#product">产品展示</a></li>
				<li><a href="#contact">联系我们</a></li>
			</ul>
		</nav>
	</header>
	<main>
		<section id="about">
			<h2>关于我们</h2>
			<p>我们是一家致力于提供优质商品和服务的电商公司。</p>
			<p>经过多年的发展,我们已经拥有了一支优秀的团队和一个完善的供应链。</p>
		</section>
		<section id="product">
			<h2>产品展示</h2>
			<ul>
				<li>
					<img src="product1.jpg" alt="产品1">
					<p>产品1</p>
				</li>
				<li>
					<img src="product2.jpg" alt="产品2">
					<p>产品2</p>
				</li>
				<li>
					<img src="product3.jpg" alt="产品3">
					<p>产品3</p>
				</li>
			</ul>
		</section>
		<section id="contact">
			<h2>联系我们</h2>
			<form>
				<label for="name">姓名:</label>
				<input type="text" id="name" name="name"><br>
				<label for="email">邮箱:</label>
				<input type="email" id="email" name="email"><br>
				<label for="message">留言:</label>
				<textarea id="message" name="message"></textarea><br>
				<input type="submit" value="提交">
			</form>
		</section>
	</main>
	<footer>
		<p>版权所有 © 2021 我的店铺</p>
	</footer>
</body>
</html>