第1关:字体样式属性相关的概念
第2关:美食专栏网页的结构设置
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>美食专题栏目</title>
</head>
<body>
<img src="https://data.educoder.net/api/attachments/1989171 "插图"" alt="跳槽有道" />
<!-- ********* Begin ********* -->
<p>
<em class="blue">导语</em>:臭豆腐是<strong class="red">长沙</strong>有名的小吃,是一种独具风味的食品。“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。长沙的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,100多年来,进火宫殿的人没有不吃臭豆腐的。当年...<em>【详情】</em>
</p>
<p>
<em class="blue">火宫殿臭豆腐</em>:价格<strong class="money">元</strong>
</p>
<!-- ********* End ********* -->
</body>
</html>
第3关:美食专栏网页的样式设置
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>美食专题栏目</title>
<!-- ********* Begin ********* -->
<style type="text/css">
.blue{color:#33F;
}
.red{
color:#F00;
}
.money{font-size:16px;}
p{
font-size:16px;font-family:微软雅黑;
}
</style>
<!-- ********* End ********* -->
</head>
<body>
<img src="https://data.educoder.net/api/attachments/1989171 "插图"" alt="跳槽有道" />
<p>
<em class="blue">导语</em>:臭豆腐是<strong class="red">长沙</strong>有名的小吃,是一种独具风味的食品。“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。长沙的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,100多年来,进火宫殿的人没有不吃臭豆腐的。当年...<em>【详情】</em>
</p>
<p>
<em class="blue">火宫殿臭豆腐</em>:价格<strong class="money">18</strong>元
</p>
</body>
</html>