2016-06-13 56 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>