HTML嵌套表和列表导致意外输出

我在HTML中使用嵌套表和列表时遇到了难以置信的困难。我发誓我正在正确构建HTML代码，使用Sublime帮助我确保所有标记和结束标记彼此对齐，并使用适当的缩进来跟踪所有内容。然而，我的输出与我预期的相差甚远。 我怀疑当您尝试在彼此之间嵌套表时可能会出现问题，特别是当您尝试拥有一个包含无序表列表的表时

以下是主要问题：

-对于无序列表使用普通项目符号会使项目符号出现在随机区域中，这毫无意义。但是，即使将style=“list style type:none”添加到我的ul标签中，这样我甚至不必担心看到项目符号，我仍然可以在列表中第一个项目之后看到每个列表项目的项目符号。这对于外部无序列表和内部无序列表都是一个问题

-您在最底部看到的第二组“href”和“Hosts”应该在“items”表中，因为这两个表都在相同的中。那么，为什么它在一切之外，包括在“项目”表之外

有我丢失的标签吗

这是我的HTML代码，您可以在这里运行它，以查看输出结果：

href
http://hello.com
项目


href
你好
主人
c_名称
c_名称值
主机名


href
你好1.1
霍斯特1.1酒店
我的年龄
400
彩色
红色


href
你好1.2
主人
c_名称
c_名称值
主机名
你好1.2




href
你好
主人
c_名称
c_名称值
主机名
宿主值

您必须正确地将内联css应用于li项目，请参见下面的代码。为什么不尝试添加一个类，然后将一些css应用到您的li项目，并尝试重写您的代码它看起来像一个金字塔形的表格，请阅读上面的Cbroe评论

向ul标签添加类别，例如：

<ul class="mylist">
 <li></li>
</ul>

    <style type="text/css">
        ul.mylist li {
          list-style-type:none
          }
    </style>

李先生{
列表样式类型：无
}

href
http://hello.com
项目


href
你好
主人