html写一个 美食制作视频的网页
时间: 2023-09-10 09:08:57 浏览: 46
以下是一个简单的 HTML 美食制作视频网页的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>美食制作视频</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
}
h1 {
text-align: center;
margin-top: 50px;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
iframe {
width: 100%;
height: 500px;
margin-top: 20px;
}
</style>
</head>
<body>
<h1>美食制作视频</h1>
<div class="container">
<p>在这里您可以观看制作美食的视频。</p>
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</body>
</html>
```
在这个示例中,我们使用了一个嵌入式的 YouTube 视频作为示例。我们使用了一个容器 div 来包含页面内容,然后使用 CSS 样式来设置容器的最大宽度、内边距和背景颜色等等。我们使用了 `iframe` 元素来嵌入视频,并使用 CSS 样式来设置视频的宽度、高度和顶部外边距。您可以替换 iframe 中的视频链接为您自己的视频链接,以显示您自己的美食制作视频。