最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

今天的挑戰(zhàn)關于無序數(shù)組。

背景知識

HTML當中有一個特殊的元素，它可以用來創(chuàng)建一個無序數(shù)組(unordered lists)，或者叫做彈孔風格的序列。

比如下圖紅框當中展示的，就是這樣一個list。

想要遞減這樣的一個序列，通過

作為opening tag，接著緊跟我們想要擺放的每一個元素。對于每一個元素，我們都用

標簽進行包裹，最后在序列的末尾我們加上一個

作為closing tag。

我們來看一個真實代碼的例子：

 
 
 
 

  
  
  
  
 
  
  
  
  
  
milk
 
  
  
  
  
  
cheese
 
  
  
  
  
 
 
 
 
 

這段代碼創(chuàng)建的就是上圖當中展示的例子。

題意

去除掉HTML代碼當中最后兩個p標簽，并且創(chuàng)建一個無序數(shù)組，包含貓咪最喜歡的三樣東西。

要求

1. 創(chuàng)建一個ul標簽
2. 你需要在ul標簽當中創(chuàng)建三個li元素
3. 你的ul標簽需要有一個closing tag
4. 你的li標簽每一個都需要有closing tag
5. 你的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.
 
  
  
  
  
 
 
 
 
 

解法

這次的挑戰(zhàn)主要是教我們學會使用ul標簽，ul標簽在網(wǎng)頁當中非常常用，結合CSS我們可以使用出各種炫酷的效果。包括網(wǎng)頁的各種導航欄或者是其他形式的序列都可以用它來實現(xiàn)。

我們只需要依照題目的要求去除掉最后兩個段落，然后加上ul標簽，并且在其中隨意寫上一項即可。

 
 
 
 

  
  
  
  
CatPhotoApp
 
  
  
  
  
 
  
  
  
  
  
Click here to view more cat photos.
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
 
  
  
  
  
  
 
  
  
  
  
    
milk
 
  
  
  
  
    
cheese
 
  
  
  
  
    
rat
 
  
  
  
  
  
 
  
  
  
  
 
 
 
 
 

本文轉(zhuǎn)載自微信公眾號「TechFlow」，可以通過以下二維碼關注。轉(zhuǎn)載本文請聯(lián)系TechFlow公眾號。

網(wǎng)站名稱：小白前端入門筆記之Ul標簽創(chuàng)建無序List
網(wǎng)站URL：http://m.fisionsoft.com.cn/article/djiihhp.html