Question

我正在做一门课程，我无法让HTML和JavaScript部分正确无序列表。本课程的这一部分是使用HTML，CSS和Javascript创建无序列表。缺少什么或需要添加什么？

<!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>

Answer 1

我回答是因为我觉得它对你的学习更有帮助（以及其他任何人，你现在正在遵循的任何课程）发布一些纠正信息并告诉你你是什么＆＃ 39;做错了。这就是堆栈溢出的精神。

您有两个重复的标签。

在大多数情况下，请尝试坚持以下各项中的一项：

DOCTYPE（没有关闭</DOCTYPE>代码）
<html>标记
<head>标记
<body>标记

除了DOCTYPE之外，你应该为每一个都有结束标记。

您可以点击以下链接查看您的（已更正）代码！

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

现在，说到这一点，你当然还有很长的路要走。欢迎来到代码世界！

Answer 2

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

JavaScript，HTML，CSS的无序列表问题

2 个答案: