日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

背景知識

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

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

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

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

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

作為closing tag。

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

 
 
 
 

  
  
  
  
 
  
  
  
  
  
milk
 
  
  
  
  
  
cheese
 
  
  
  
  
 
 
 
 
 

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

題意

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

要求

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)主要是教我們學(xué)會使用ul標簽，ul標簽在網(wǎng)頁當中非常常用，結(jié)合CSS我們可以使用出各種炫酷的效果。包括網(wǎng)頁的各種導(dǎo)航欄或者是其他形式的序列都可以用它來實現(xiàn)。

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

 
 
 
 

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

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

當前標題：小白前端入門筆記之Ul標簽創(chuàng)建無序List
文章起源：http://www.5511xx.com/article/djiihhp.html