使用HTML Divs制作导航栏_Html_Css

使用HTML Divs制作导航栏

html css

使用HTML Divs制作导航栏,html,css,Html,Css,我刚刚开始web开发，我正试图用一堆“Div”元素构建一个页面导航栏，但我似乎无法让我的第二个按钮（“AboutButton”）出现在屏幕上。以下是我的HTML正文代码： <body> <div id="navbar" id="top"> <div id="pageselection"> <div id="HomeButton"> <a href="#top"> HOME </a&

我刚刚开始web开发，我正试图用一堆“Div”元素构建一个页面导航栏，但我似乎无法让我的第二个按钮（“AboutButton”）出现在屏幕上。以下是我的HTML正文代码：

<body>

    <div id="navbar" id="top">
        <div id="pageselection">
            <div id="HomeButton"> <a href="#top"> HOME </a> </div>
            <div id="AboutButton"> <a href="#About> ABOUT </a> </div>
        </div>
    </div>


</body>

本质上，我试图构建一个横跨页面顶部的“div”，然后将该“div”的中心40%标记为第二个“div”的空间，该空间将依次容纳用户可以用来导航页面的三个链接

提前感谢，希望这是一个愚蠢的错误，我希望我的描述足够清楚：）

您在

<a href="#About>

或将提醒您此类错误
此外，不允许在一个元素上使用“id”两次。更好的做法是在能够像以下那样堆叠它们的地方使用：
<div class="navbar top"></div>

您在
非常感谢。关于不在一个元素上使用“id”两次，这是否意味着如果一个元素已经在另一个元素中使用了“id”标识，那么我就不能用“id”标识该元素？id是唯一标识符，它只能在整个html页面中使用一次。您可以在另一个“id”中插入“id”“这里需要一点澄清：不能在同一个元素上多次使用id。您可以在整个标记中多次使用它；但是，每个唯一标识符只能使用一次。哦，我刚刚意识到我给我的大div分配了两个不同的id语句。我的错，我明白你们在说什么。非常感谢！Bootstrap可能会帮助你Bootstrap是一个可以使用的工具，但它不能帮助一个纯粹的初学者学习任何标记的基础知识。
<div class="navbar top"></div>