快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何用Ul标签创建无序List

这篇文章主要介绍“如何用Ul标签创建无序List”,在日常操作中,相信很多人在如何用Ul标签创建无序List问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何用Ul标签创建无序List”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

公司主营业务:网站制作、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出邵阳免费做网站回馈大家。

背景知识

HTML当中有一个特殊的元素,它可以用来创建一个无序数组(unordered lists),或者叫做弹孔风格的序列。

比如下图红框当中展示的,就是这样一个list。


如何用Ul标签创建无序List

想要递减这样的一个序列,通过

作为opening tag,接着紧跟我们想要摆放的每一个元素。对于每一个元素,我们都用

标签进行包裹,最后在序列的末尾我们加上一个

作为closing tag。

我们来看一个真实代码的例子:

       
  • milk
  •    
  • cheese
  •  

这段代码创建的就是上图当中展示的例子。

题意

去除掉HTML代码当中最后两个p标签,并且创建一个无序数组,包含猫咪最喜欢的三样东西。

要求

  1. 鸿蒙官方战略合作共建——HarmonyOS技术社区

  2. 创建一个ul标签

  3. 你需要在ul标签当中创建三个li元素

  4. 你的ul标签需要有一个closing tag

  5. 你的li标签每一个都需要有closing tag

  6. 你的li标签不能仅包含空格或为空

编辑器

CatPhotoApp

 
   

Click here to view more cat photos.

        

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

   

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

 

解法

这次的挑战主要是教我们学会使用ul标签,ul标签在网页当中非常常用,结合CSS我们可以使用出各种炫酷的效果。包括网页的各种导航栏或者是其他形式的序列都可以用它来实现。

我们只需要依照题目的要求去除掉最后两个段落,然后加上ul标签,并且在其中随意写上一项即可。

CatPhotoApp

 
   

Click here to view more cat photos.

        
         
  • milk
  •      
  • cheese
  •      
  • rat
  •    
 

到此,关于“如何用Ul标签创建无序List”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


文章标题:如何用Ul标签创建无序List
标题URL:http://6mz.cn/article/jjoodp.html

其他资讯