「网易官方」极客战记(codecombat)攻略-网页开发1-列表联通listing-liaison

∥☆過路亽.° 提交于 2020-03-24 15:44:13

3 月,跳不动了?>>>

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

简介

<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

极客战记——学编程,用玩的!

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!