js100个数每隔两面打印一个
时间: 2024-03-05 22:54:46 浏览: 20
好的,以下是 JavaScript 打印 1-100 之间每隔两个数打印一个的代码:
```javascript
for (var i = 1; i <= 100; i += 2) {
console.log(i);
}
```
这个代码中,我们使用 for 循环来遍历数字 1 到 100,每次循环加 2,这样就可以每隔两个数打印一个了。在循环体内,我们使用 console.log() 函数将当前数字打印到控制台上。这样就可以打印出 1-100 之间每隔两个数的所有数字了。
相关问题
制作一个html美食网页
好的,以下是一个简单的 HTML 美食网页的示例代码:
```
<!DOCTYPE html>
<html>
<head>
<title>美食网</title>
<meta charset="UTF-8">
<style>
/* 样式表 */
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
h1 {
text-align: center;
color: #333;
margin-bottom: 30px;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.recipe {
margin-bottom: 30px;
padding: 20px;
background-color: #f9f9f9;
border-radius: 5px;
}
.recipe h2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 24px;
color: #333;
}
.recipe img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.recipe p {
margin-bottom: 0;
}
.recipe .ingredients {
margin-bottom: 20px;
}
.recipe .instructions {
margin-bottom: 0;
}
.recipe .instructions ol {
list-style-type: decimal;
margin-left: 20px;
}
.recipe .instructions li {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>美食网</h1>
<div class="recipe">
<h2>番茄炒蛋</h2>
<img src="https://cdn.pixabay.com/photo/2019/06/02/03/15/tomato-4242037_960_720.jpg" alt="番茄炒蛋">
<p class="ingredients"><strong>食材:</strong>鸡蛋 2 个,番茄 1 个,盐适量,油适量</p>
<p class="instructions"><strong>做法:</strong></p>
<ol>
<li>将鸡蛋打散,加入适量盐搅拌均匀。</li>
<li>将番茄切成小块。</li>
<li>热锅冷油,倒入鸡蛋液煎熟,盛出备用。</li>
<li>再加油烧热,放入番茄翻炒至熟。</li>
<li>将煎好的鸡蛋加入锅中,翻炒均匀,出锅前再加适量盐调味即可。</li>
</ol>
</div>
<div class="recipe">
<h2>红烧鲫鱼</h2>
<img src="https://cdn.pixabay.com/photo/2017/02/17/16/08/fish-2079716_960_720.jpg" alt="红烧鲫鱼">
<p class="ingredients"><strong>食材:</strong>鲫鱼 1 条,生姜 适量,葱 适量,料酒 适量,盐适量,生抽适量,老抽适量,糖适量,清水适量</p>
<p class="instructions"><strong>做法:</strong></p>
<ol>
<li>将鲫鱼去鳞、去内脏、洗净。</li>
<li>生姜切片,葱切段。</li>
<li>热锅加油,放入生姜和葱爆香。</li>
<li>加入料酒,烧开后放入鲫鱼,煎至两面金黄色。</li>
<li>加入清水,淋上生抽和老抽,加入适量盐和糖,煮开后转小火慢慢炖煮。</li>
<li>炖煮至鲫鱼入味,汤汁浓稠即可出锅。</li>
</ol>
</div>
</div>
</body>
</html>
```
这个网页包含了两个美食的介绍,每个美食都有图片、材料和制作步骤。你可以根据需要对样式进行修改,添加更多的美食信息。
写一个山东美食食材介绍的网页的代码
以下是一个简单的山东美食食材介绍网页的HTML和CSS代码:
HTML代码:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>山东美食食材介绍</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>山东美食食材介绍</h1>
</header>
<nav>
<ul>
<li><a href="#jidan">嫩煎蛋</a></li>
<li><a href="#huangguan">黄瓜</a></li>
<li><a href="#shanyao">山药</a></li>
</ul>
</nav>
<main>
<section id="jidan">
<h2>嫩煎蛋</h2>
<p>嫩煎蛋是山东菜中的一道经典菜肴,以鸡蛋为主要食材,煎制而成。嫩煎蛋的制作方法是先将鸡蛋打散,加入少量盐、酱油、味精等调味料,搅拌均匀后倒入平底锅中,用小火煎制至两面金黄即可。</p>
</section>
<section id="huangguan">
<h2>黄瓜</h2>
<p>黄瓜是山东菜中常用的蔬菜食材之一,有清热解暑、利尿消肿、降低血压的功效。在山东菜中,黄瓜多用于凉拌、炒菜等菜肴中,口感清爽爽脆,是热夏季节的美食佳品。</p>
</section>
<section id="shanyao">
<h2>山药</h2>
<p>山药是山东地区生长的一种药食兼用的植物,具有滋阴补肾、益气养血、健脾开胃的功效。在山东菜中,山药多用于烧汤、炖肉等菜肴中,口感软糯甜美,是营养丰富的美食食材。</p>
</section>
</main>
<footer>
<p>版权所有 © 2021 山东美食协会</p>
</footer>
</body>
</html>
```
CSS代码:
```css
/* 全局样式 */
body {
margin: 0;
padding: 0;
font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
}
/* 页眉样式 */
header {
background-color: #F44336;
color: #FFF;
text-align: center;
padding: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
/* 导航样式 */
nav {
background-color: #4CAF50;
color: #FFF;
padding: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-around;
}
nav a {
color: #FFF;
text-decoration: none;
font-weight: bold;
font-size: 16px;
}
nav a:hover {
color: #000;
background-color: #FFF;
}
/* 主内容样式 */
main {
padding: 20px;
}
section {
margin: 30px 0;
}
section h2 {
font-size: 24px;
color: #F44336;
margin-bottom: 10px;
}
section p {
font-size: 16px;
line-height: 1.5;
}
/* 页脚样式 */
footer {
background-color: #333;
color: #FFF;
text-align: center;
padding: 10px;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.26);
}
```