关卡连接：https://codecombat.163.com/play/level/dangerous-divide
免费试玩：https://codecombat.163.com/play
Web 具有奇妙的划分能力，学习如何将网站上的信息分组！
简介
“
”标签用于将内容分组在一起。
用它们来包装博客帖子！
默认代码
<!-- <div>标签用于分组信息。-->
<!-- 使用<div>标签来组织部分网站 -->
<!-- 下面，每个博客帖子都包含在<div>中。-->
<div>
<h2>1404年十月3日</h2>
<p>
今天我遇到了一个新的敌人！她的名字叫辛蒂，她从远方向我的食人魔盟友开枪。我不喜欢她和她的箭。
<p>
<img src="/file/db/thang.type/529ab1a24b67a988ad000002/portrait.png">
</div>
<!-- 在下面添加另一个div -->
<!-- 添加一个<h2>标签，标题为博客帖子： -->
<!-- 添加一个<p>标签来提供博客文章内容： -->
概览
Div Tags
“
” 标签是在网站上组织信息的一种方式。它们用于对某些元素进行分组，并在内容的各个部分之间添加断线。
考虑一个博客（因为这是正在编辑的这个级别），一堆博客文章。
页眉本身是一个 “
”，各个博客帖子的容器是 “<div>”，每个单独的博客帖子都是自己的'div >。它有助于将每一个内容分割成它自己的可编辑块。
我们将展示为什么这是重要的，稍后！
危险分界 解法
<!-- <div>标签用于分组信息。-->
<!-- 使用<div>标签来组织部分网站 -->
<!-- 下面，每个博客帖子都包含在<div>中。 -->
<div>
<h2>1404年十月3日</h2>
<p>
今天我遇到了一个新的敌人！她的名字叫辛蒂，她从远方向我的食人魔盟友开枪。我不喜欢她和她的箭。
<p>
<img src="/file/db/thang.type/529ab1a24b67a988ad000002/portrait.png">
</div>
<!-- 在下面添加另一个div -->
<!-- 添加一个<h2>标签，标题为博客帖子： -->
<div>
<h2>Stardate 393.4</h2>
<!-- 添加一个<p>标签来提供博客文章内容： -->
<p>
I flew by the sun, but I am still trapped in space.
<p>
</div>
本攻略发于极客战记官方教学栏目，原文地址为：