<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>成都文理学院</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.header {
background-color: #003366;
color: white;
padding: 10px 0;
text-align: center;
}
.nav {
background-color: #006699;
overflow: hidden;
}
.nav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.nav a:hover {
background-color: #004C99;
}
.main {
margin: 15px;
}
.footer {
background-color: #003366;
color: white;
text-align: center;
padding: 10px 0;
position: relative;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div class="header">
<h1>成都文理学院</h1>
</div>
<div class="nav">
<a href="#home">首页</a>
<a href="#news">新闻</a>
<a href="#academics">学术</a>
<a href="#admissions">招生</a>
<a href="#about">关于</a>
</div>
<div class="main">
<h2>欢迎来到成都文理学院</h2>
</div>
<div class="footer">
<p>版权所有 © 成都文理学院</p>
</div>
</body>
</html>
———————————————————————————————————————————
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电商</title>
</head>
<body>
<header>
<h1>网上商城</h1>
<nav>
<ul>
<li><a href="#home">首页</a></li>
<li><a href="#products">所有商品</a></li>
<li><a href="#about">关于我们</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</nav>
</header>
<section id="home">
<h2>欢迎光临我们的网上商城</h2>
<p>在这里,您可以找到最新最全的商品信息。</p>
</section>
<section id="products">
<h2>热门商品</h2>
<article>
<img src="./商品1.jpg_.avif" alt="麻老五藤椒油正宗四川特产家用商用特香麻油纯正麻椒油特麻花椒油">
<h3>麻老五藤椒油正宗四川特产家用商用特香麻油纯正麻椒油特麻花椒油</h3>
<p>麻老五藤椒油正宗四川特产家用商用特香麻油纯正麻椒油特麻花椒油</p>
<p>价格: 3.9</p>
<button>加入购物车</button>
</article>
<article>
<img src="./商品2.jpg_.avif" alt="奢康菲思40斤蒜蓉辣椒酱商用火锅串串蘸料烧烤酱拌饭拌面餐饮批发">
<h3>奢康菲思40斤蒜蓉辣椒酱商用火锅串串蘸料烧烤酱拌饭拌面餐饮批发</h3>
<p>奢康菲思40斤蒜蓉辣椒酱商用火锅串串蘸料烧烤酱拌饭拌面餐饮批发</p>
<p>价格: 95</p>
<button>加入购物车</button>
</article>
</section>
<section id="about">
<h2>关于我们</h2>
<p>我们是一家专注于提供高质量商品的网上商城</p>
</section>
<section id="contact">
<h2>联系我们</h2>
<p>如果您有任何问题或建议,请通过以下方式联系我们:</p>
<p>电话: 123-456-7890</p>
</section>
<footer>
<p>©网上商城</p>
</footer>
</body>
</html>
———————————————————————————————————————————
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录界面</title>
</head>
<body>
<div class="login-container">
<form action="/login" method="post">
<h2>登录</h2>
<div class="form-group">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
</div>
<div class="form-group">
<button type="submit">登录</button>
</div>
<div class="form-group">
<a href="/forgot-password">忘记密码?</a>
</div>
<div class="form-group">
<p>还没有账户?<a href="/register">立即注册</a></p>
</div>
</form>
</div>
</body>
</html>