Slayer BN Ответов: 3

Как я могу связать свои материалы с другими страницами в моем HTML?

Как связать все мои страницы в заголовке с html-кодом, который я предоставляю ниже? 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Home</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>

</head>
<body>

	<div id="nav">

			<ul>
				<h1>Ben NEWMAN</h1>
				<li><a href="#">Portfolio</a> 
				<li><a href="#">Gallery</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Home</a></li>

			</ul>
			
	</div>

</body>
</html>


Что я уже пробовал:

google и что-то еще, что не работало.

Sergey Alexandrovich Kryukov

Что вы подразумеваете под "другими страницами в моем HTML"? HTML-документ-это всего лишь одна страница.
Вероятно, вы хотите знать, как перемещаться по одной и той же странице с помощью якоря.
—СА

Philippe Mori

Прочитайте документацию или проверьте, как это делают другие веб-сайты... По крайней мере, сделайте какое-то усилие!

3 Ответов

Рейтинг:
27

Karthik_Mahalingam 

<li><a href="#">Portfolio</a>

Вместо #, вы должны указать путь к соответствующим html-страницам.
# кроме того, он не будет нацелен ни на один URL-адрес, поэтому, нажав на ссылку, он не перейдет ни на одну другую страницу, если только не будет события jquery click, сопоставленного с тегами привязки, но я не вижу их в вашем коде..
Измените свой код, как показано ниже, и вы будете ссылаться на ссылки ниже для точного отображения.
<h1>Ben NEWMAN</h1>
<li><a href="Portfolio.html">Portfolio</a> 
<li><a href="Gallery.html">Gallery</a></li>
.
.


обратитесь к этому HTML-ссылки[^] , HTML атрибут href[^] для отображения пути страницы в атрибуте href.

Рейтинг:
2

Patrice T

Видеть <a> использование тегов:
HTML тег[^]

Этот сайт - хороший учебник, чтобы узнать много вещей, связанных с интернетом.

Рейтинг:
1

Sergey Alexandrovich Kryukov

Пожалуйста, смотрите мой комментарий к этому вопросу.
Вероятно, вы хотите знать, как перемещаться по одной и той же странице с помощью якоря.
Идея очень проста:

<html>
   <head><title>Anchor sample</title></head>
<body>

<ul>
<li><a href="#a1">Portfolio</a>
<li><a href="#a2">Gallery</a></li>
<li><a href="#a3">About</a></li>
<li><!-- ... --></li>
<ul>

<h1 id="a1">Portfolio</h1>

<!-- ... -->

<h1 id="a2">Gallery</h1>

<!-- ... -->

<h1 id="a3">About</h1>

<!-- ... -->

</body>
</html>

Важно! Значения атрибута id должно быть уникальным на странице.

—СА