2016-06-13 38 views
-1

我正在做一門課程,無法正確顯示無序列表的HTML和JavaScript部分。本課程的這一部分是用HTML,CSS和Javascript創建一個無序列表。什麼是缺少或需要添加?JavaScript,HTML,CSS的無序列表問題

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <head> 
    <title>My CSS experiment</title> 
    <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
    <u> 
     <li>Hello World!</li> 
     <li>This is my first CSS example</li> 

<!DOCTYPE html> 
<html lang="en"> 
    <h3>List of items</h3> 
    <ul> 
    <li>first item</li> 
    <li>second item</li> 
    <li>third item</li> 
    </ul> 

    <ul> {float: left; list-style-type:none;} 
    <ul> li {float: left; margin-right:20px;} 
    <ul> li span {display:block} 

    </body> 
</html> 
+0

這是你的實際代碼? ....你需要學習基本知識,你不能有兩個文檔類型,兩個html標籤....像第一個ul這樣的未關閉標籤和'{}'括號中的代碼是風格,你需要適當的格式.. .. – DaniP

+0

您應該只有一個文檔不是兩個頭標籤。 – Persijn

回答

0

我回答,因爲我覺得這是對你的學習(和其他人以下任何當然你現在是)更有助於發佈一些糾正信息,並告訴你,你在做什麼錯誤。這是堆棧溢出的精神。

你有幾個重複標籤。

在大多數情況下,嘗試堅持每1以下幾點:

  • DOCTYPE(沒有結束</DOCTYPE>標籤)
  • <html>標籤
  • <head>標籤
  • <body>標籤

例外o如果是DOCTYPE,你應該爲每一個關閉標籤。

您可以點擊下面的鏈接查看您的(更正的)在行動中的代碼!

http://codepen.io/anon/pen/VjaXwd?editors=1000

現在,他這樣說,你肯定有很長的路要走。歡迎來到代碼世界!

0
<!DOCTYPE html> 
    <body> 
     <h4>An Unordered List:</h4> 
     <ul> 
      <li>Coffee</li> 
      <li>Tea</li> 
      <li>Milk</li> 
     </ul> 
    </body> 
</html>