【网易官方】极客战记（codecombat）攻略-网页开发1-列表联通

关卡连接：https://codecombat.163.com/play/level/listing-liaison

免费试玩：https://codecombat.163.com/play

有效地组织列表元素而不使用中断。

简介

<ul> 标签用于无序列表。

<li>标签用于列表内部的列表项，如<ul> tag

默认代码

<!-- <ul>标签用于分组<li>标签。-->

<!-- <ul>代表“无序列表”-->

<!-- <li>是单独的项目列表。-->

<h1>添加3个动物列表</h1>
<h2>有翅膀的动物</h2>
<ul>
  <li>蜜蜂</li>
  <li>会飞的羚羊</li>
  <li>翼龙</li>
</ul>
<!-- 添加另一个<h2>标签来定义一个新的列表-->
<!-- 将<ul>标签添加到<li>元素组中。-->
<!-- 添加另一个<h2>标签来定义一个新的列表-->

概览

#无序列表

243/5000 <ul> 标签用于无序列表。 适用于购物清单或动物列表。 为了让计算机知道列表中除了哪些项目，请务必在关闭标签</ul> 之前使用代表列表项的 <li> 标签。

<ul>
  <li>Red</li>
  <li>Blue</li>
  <li>Green</li>
</ul>

列表联通 解法

<!-- <ul>标签用于分组<li>标签。-->

<!-- <ul>代表“无序列表”-->

<!-- <li>是单独的项目列表。 -->

<h1>添加3个动物列表</h1>
<h2>有翅膀的动物</h2>
<ul>
  <li>蜜蜂</li>
  <li>会飞的羚羊</li>
  <li>翼龙</li>
  <!-- 在<li>标签内添加另一个动物。-->
  <li>Pugs</li>
</ul>
<!-- 添加另一个<h2>标签来定义一个新的列表。-->
<h2>Annoying Animals</h2>
<!-- 将<ul>标签添加到<li>元素组中。-->
<ul>
  <!-- 添加3个或更多<li>标签和动物名字！-->  
  <li>Wasps</li>
  <li>That cat breed with no fur</li>
  <li>Galatic Bears</li>
</ul>

 

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

https://codecombat.163.com/news/jikezhanji-liebiaoliantong

极客战记——学编程，用玩的！