На моем веб-сайте есть панель навигации, и когда я нажимаю на ссылки навигации, ей нужно перейти в другой файл, который я сохранил локально на USB-устройстве.Создание панели навигации со ссылками на локальные HTML-файлы
Как я буду это делать?
Например:
Скажите кто-то хотел нажать на "о". Как мне связать его с моим usb на странице about (отдельный файл html)?
хорошо, скопируйте другой файл HTML/с (от ручки USB) в том же каталоге, что и HTML-файл, который вы, начиная с, а затем изменить Navbar ссылки
Вы должны были бы создать основной контейнер для ваша панель навигации и используйте <a> теги для ссылок. В зависимости от того, как вы в настоящее время хранят ваши файлы, вам необходимо установить соответствующие атрибуты ссылок href.
Например:
<html>
<body>
<ul class="navbar">
<li class="nav-item">
<a href="home.html">Home</a>
</li>
<li class="nav-item">
<a href="about.html">About</a>
</li>
...
</ul>
</body>
</html>
В примере, я использую <ul> элемент в качестве контейнера, так как это список элементов навигации. Вы также можете использовать <div>.
Для каждого подэлемента я обертываю его в <li>, который является элементом списка. В каждом элементе я использую вышеупомянутые теги <a>.
Это теги HTML, которые фактически создают ссылку. Атрибут href тега <a> сообщает браузеру, куда идти, когда пользователь нажимает на ссылку.
Пример
Давайте предположим, что вы находитесь на странице home.html.
В случае примера ссылка «О программе» сообщает браузеру перейти на страницу about.html в том же каталоге, что и текущая страница (home.html).
Если файл «about.html» хранились в другом месте, вы можете:
Использование .. для ссылки на родительский каталог (тот, который содержит текущий каталог) как ../about.html, что означает найти about.html страницу папка выше той, что home.html находится.
Использование subdir/ для ссылки на каталог детей (каталог, который находится в том же месте, что и текущий файл) как pages/about.html, что означает найти about.html в папке pages в том же каталоге, что и текущий файл.
Использовать / для ссылки на корень веб-страницы. Обычно это добавляется к имени домена, но менее актуально для файлов на вашем локальном компьютере (доступ через file://). В зависимости от вашего браузера и настроек безопасности вы можете использовать абсолютный путь, например file://path/to/about.html, но я не думаю, что это работает в большинстве современных браузеров по соображениям безопасности.
Другие примеры
Если вы в home.html, about.html или contact.html, вы будете использовать:
<a href="home.html">Home</a>
<a href="about.html">Home</a>
<a href="fun/funfacts.html">Home</a>
<a href="contact.html">Home</a>
Если вы в funfacts.html вы» d использование:
<a href="../home.html">Home</a>
<a href="../about.html">Home</a>
<a href="funfacts.html">Home</a>
<a href="../contact.html">Home</a>
Ребята, я чувствую себя полным идиотом. Я пытался сделать I/Napoleon2, когда мне нужно было сделать только napoleon2.html. Я не переделал свою ошибку, пока не просмотрел исходный код ваших парней. Спасибо всем и удачи вам в вашем будущем кодировании!