臭豆腐习题HTML,div
时间: 2024-10-18 17:02:50 浏览: 2
臭豆腐习题通常用于说明前端网页布局的概念,特别是HTML和CSS技术的应用。HTML (HyperText Markup Language) 是一种标记语言,主要用于创建网页内容结构,比如标题、段落、列表等元素。`<div>` 是HTML中的一个块级容器标签,用于划分页面布局,可以包含其他HTML元素,并可以应用CSS样式来定位和美化内容。
例如,如果你要做一个简单的臭豆腐店铺的展示页面,可能会有这样一个基本的`<div>`结构:
```html
<!DOCTYPE html>
<html>
<head>
<title>臭豆腐店</title>
<style>
.store {
width: 400px;
padding: 20px;
background-color: #f8f8f8;
border: 1px solid #ccc;
margin: 50px auto;
}
</style>
</head>
<body>
<div class="store">
<h1>欢迎光临臭豆腐大王</h1>
<p>我们的特色菜品有油炸臭豆腐和酸辣味臭豆腐...</p>
<ul>
<li><a href="#">查看菜单</a></li>
<li><a href="#">在线预订</a></li>
</ul>
</div>
</body>
</html>
```
在这个例子中,`.store` `div` 类包含了页面上显示臭豆腐店铺信息的部分,通过CSS可以调整其样式和布局。
阅读全文