Question

我正在尝试创建一个带有可点击链接的无序列表，但是没有一个看起来像那样。

<!doctype html>
<html>

<head>
    <title>My Page</title>
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

     <header>
        <nav>
            <h1>My Page</h1>
            <ul>
                <li><a href="#"></a>sampletest1</li>
                <li><a href="#"></a>sampletest2</li>
                <li><a href="#"></a>sampletest3</li>
                <li><a href="#"></a>sampletest4</li>
                <li><a href="#"></a>sampletest5</li>
            </ul>
        </nav>
    </header>
</body>
</html>

我原本希望看到一个可单击的链接列表，但是会得到一个包含设置项但没有可单击的链接的列表。

我是Web开发的新手，所以我想我已经忽略了一些东西。

编辑：我使用的是名为Emmet的插件，曾经用来制作块/部分。

Answer 1

您应该在链接内容中写单词喜欢：

<a href="#">sampletest1</a>

Answer 2

问题是您要在内容之前关闭定位标记。

            <li><a href="#"></a>sampletest1</li>
            <li><a href="#"></a>sampletest2</li>
            <li><a href="#"></a>sampletest3</li>

它没有任何作用，因为锚标签没有标签。

您应该像这样

            <li><a href="#">sampletest1</a></li>
            <li><a href="#">sampletest2</a></li>
            <li><a href="#">sampletest3</a></li>

Answer 3

这是因为您必须在OK标签内写上文字，像这样：

Answer 4

<!doctype html>
<html>

<head>
    <title>My Page</title>
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

     <header>
        <nav>
            <h1>My Page</h1>
            <ul>
                <li><a href="#">sampletest1</a></li>
                <li><a href="#">sampletest2</a></li>
                <li><a href="#">sampletest3</a></li>
                <li><a href="#">sampletest4</a></li>
                <li><a href="#">sampletest5</a></li>
            </ul>
        </nav>
    </header>
</body>
</html>

href不会显示为可点击的链接

4 个答案: