当前位置: 首页 > 科技观察

小白前端入门笔记ul标签创建无序列表

时间:2023-03-18 02:10:04 科技观察

今天的挑战是关于无序列表的。背景知识HTML中有一个特殊元素可用于创建无序列表或弹孔式序列。比如下图中红框所示的就是这样一个列表。要减少这样的序列,将其作为开始标记传递,然后是我们要放置的每个元素。对于每个元素,我们用一个标签包裹它,最后在序列的末尾添加一个结束标签。让我们看一个真实代码的示例:

  • milk
  • cheese
此代码创建了上图所示的示例。题意是去掉HTML代码中最后两个p标签,创建一个包含猫最喜欢的三样东西的无序数组。需要创建ul标签。您需要在ul标记中创建三个li元素。您的ul标签需要有一个结束标签。您的每个li标签都需要有一个结束标签。您的li标签不能只包含空格或为空。Editor

CatPhotoApp

点击这里查看更多catphotos。

Kittyipsumdolorsitamet,shedeverywhereshedeverywhereshedeverywherestretchingattackyourankleschasethereddot,hairballruncatnipeatthegrasssniff。

Purrjumpeatthegrassripthecouchscratchedsunbathe,shedeverywhereripthecouchsluffypurepinthesink。解法这一次的挑战主要目的是教我们如何使用ul标签。ul标签在网页中非常常用。结合CSS,我们可以使用各种炫酷的效果。可以用它实现各种导航栏,包括网页或其他形式的序列。我们只需要按照标题的要求去掉最后两段,然后加上ul标签,在里面写一个item即可。

CatPhotoApp

点击此处查看更多catphotos。

  • milk
  • cheese
  • rat
本文转载自微信公众号「TechFlow」,可通过以下二维码关注。转载请联系TechFlow公众号。