HTML5 мульти-ссылка

Question

Я беру вступительный класс по дизайну веб-сайтов, и я застрял в одной конкретной проблеме.Я должен создать мультиссылку внизу страницы, что я и сделал, однако я не знаю, как сделать так, чтобы страница не ссылалась на себя.Мы должны сделать так, чтобы это выглядело следующим образом:

Это код, который я придумал:

Когда я делаю одну из ссылок "#", это все равно ссылка.Так как же сделать курсивом, а не ссылкой внутри блока навигации?

Answer 1

Используйте класс для стилизации ссылки с помощью href = "#"

Answer 2

Это то, что вы хотите?

nav p{
  display:inline;
  font-style:italic;
}

<nav>
  <a href="#">Link 1</a>
  <p>Link 2</p>
  <a href="#">Link 3</a>
  <a href="#">Link 4</a>
</nav>

Answer 3

<nav>
<a href="HW2Part1.html">Tour Home</a> |
<span style="font-style:italic; text-decoration:none"><i>About the Poly Campus</i></span> |
<a href="devicelab.html">Open Device Lab</a> |
<a href="itprog.html">The Information Technology Major</a>
</nav>

http://jsfiddle.net/qh98f3k2/

Ура!

Answer 4

Чтобы выделить текст курсивом, вы можете добавить вокруг него теги <i> </i>, например

<i>Hello</i> 

, которые будут отображаться как Hello .

В качестве альтернативы вы можете добавить font-style:italic; в виде css (рекомендуется) или в виде встроенного стиля, например

style="font-style:italic;"

Чтобы сделать ссылку никуда, просто используйте хэштег #, где вы быобычно ставят имя страницы, например

 <a href = "#" style="font-style:italic; text-decoration:none;">MyPage</a>

Добавление text-decoration:none; избавляет от подчеркивания ссылки по умолчанию

Надеюсь, это поможет