网易极客战记官方攻略-网页开发1-危险分界

关卡连接: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 >。它有助于将每一个内容分割成它自己的可编辑块。

扫描二维码关注公众号,回复: 8439253 查看本文章

我们将展示为什么这是重要的,稍后!

危险分界 解法

<!-- <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>



本攻略发于极客战记官方教学栏目,原文地址为:


猜你喜欢

转载自www.cnblogs.com/codecombat/p/12157047.html
今日推荐