HTML5多链路

Question

我正在采取介绍类网站设计，我被困在一个特定的问题。我要在页面底部创建一个多链接，但是，我不知道如何制作它，这样页面就不会链接回自己。我们应该让它看起来像这样：

​

这是我想出的代码：

​

当我把其中一个链接变成"#“时，它仍然是一个链接。那么，我如何使它斜体化，而不是导航块内的链接？

Answer 1

<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 2

对于斜体文本，可以在其周围添加<i> </i>标记，如

<i>Hello</i> 

会以你好的形式出现。

您可以将font-style:italic;添加为css (推荐)或内联样式，如

style="font-style:italic;"

要使链接不去任何地方，只需使用一个#标签，您通常会在其中放置页面名。

​

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

​

添加text-decoration:none;可以去掉默认链接下划线

希望这能有所帮助

Answer 3

这是你想要的吗？

​

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>

​