html网页制作代码奶茶
时间: 2024-06-23 16:00:53 浏览: 11
HTML(HyperText Markup Language)是超文本标记语言,用于创建和设计网页的基本结构。在制作一个关于"奶茶"主题的HTML网页时,你需要编写一些基本的HTML标签来组织内容,如标题、段落、图片等。这里是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>奶茶专卖店</title>
<style>
/* 可选的CSS样式,美化页面 */
.tea-image {
width: 200px;
height: auto;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到【奶茶之家】</h1>
</header>
<main>
<section>
<h2>我们的特色奶茶</h2>
<ul>
<li><img class="tea-image" src="奶茶1.jpg" alt="珍珠奶茶">珍珠奶茶</li>
<li><img class="tea-image" src="奶茶2.jpg" alt="抹茶拿铁">抹茶拿铁</li>
<li><img class="tea-image" src="奶茶3.jpg" alt="芒果冰沙">芒果冰沙</li>
</ul>
</section>
<section>
<h3>优惠活动</h3>
<p>凡购买两杯即可享受第二杯半价。</p>
</section>
</main>
<footer>
<p>© 2023 奶茶之家 | All Rights Reserved</p>
</footer>
</body>
</html>
```
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)