Я новичок в программировании и новичок в HTML. В настоящее время выполняю задание для моего класса по веб-разработке, где мы создаем веб-страницу для вымышленной компании под названием «DW Gift Company». Одним из требований проекта является панель навигации вверху (не фиксированная), которая ведет к нескольким различным подстраницам (О, Элементы, Заказ и т. Д.). Тем не менее, я застрял на панели навигации и не могу заставить навигационную панель выглядеть правильно.
Вот мой код ниже. У меня есть тег nav, в котором, я уверен, есть правильные классы вместе с ul и li (я знаю, что ul - неупорядоченный список, но я не уверен на 100%, что такое li. Я слежу за онлайн-видео от моего профессора, и я на уровне Germ X (99,9%) уверен, что следовал правильно и набрал именно то, что у него есть, но мой не похож на его (я приложил, как он должен выглядеть, и как выглядит мой) как и то, что у него есть).
Мой код:
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/DWstyle.css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<img src="C:\Users\Mason\Desktop\h4_starter\DWGiftLogo.png">
<nav class="navbar navbar-expand-lg navbar-light bg-beige">
<a class="navbar-brand">DW Gift Company</a>
<div class="collapse navbar-collapse" id="DWnavbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#">Item 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 3</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 4</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 5</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 6</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 7</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 8</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Item 9</a>
</li>
</ul>
</div>
</nav>
</body>
</html>
Примерно то, что я хочу, чтобы это выглядело как .
Как моя выглядит как .
Как выглядит мой проф как .
Я думаю, пули как-то связаны с ли, но я не уверен.
Tl; dr: Я пытаюсь создать навигационную панель в HTML для веб-сайта, и она не выглядит так, как должна, даже если я чувствую, что точно следовал коду моего инструктора из его онлайн-видео.