首页西式甜品网HTML代码

西式甜品网HTML代码

时间: 2024-11-05 13:08:47 浏览: 28

西式甜品网站的HTML代码主要是用来构建网页结构的基础，它由一系列标签组成，用于定义页面的内容、标题、段落、图像等元素。下面是一个简单的例子，展示了如何创建一个包含图片和标题的基本甜品卡片： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>西式甜品展示</title> <style> .dessert-card { display: flex; justify-content: center; align-items: center; padding: 20px; background-color: #f9f9f9; border-radius: 5px; } </style> </head> <body> <div class="dessert-card"> <img src="dessert-image.jpg" alt="法式马卡龙"> <h2 class="dessert-title">经典法式马卡龙</h2> <p>口感细腻，色彩斑斓...</p> </div> </body> </html> ``` 在这个例子中： - `<!DOCTYPE html>`声明文档类型为HTML5。 - `<html>`标签包裹整个页面内容。 - `<head>`部分包含了元数据和样式信息，`<title>`定义了页面标题。 - `<body>`是实际内容区域，`.dessert-card`定义了一个甜品卡片样式，`<img>`显示图片，`<h2>`和`<p>`分别表示标题和描述。

阅读全文