-2

我在这里写了我的代码，但它不会给空间 

<a href="opinion.jsp"><font color="red"><h3>Recommendation</h3></font></a>
<a href="FindoneServ"><font color="red"><h3>Review Mining</h3></font></a>
<a href="rank.jsp"><font color="red"><h3>Generate Graph</h3></font></a>
<a href="index1.jsp"><font color="red"><h3>Sign out</h3></font></a>

我需要这样的输出

Recommendation          Review Mining           Generate Graph        Signout
4

3 回答 3

2

您的代码中有几个问题：

  1. font标签 - 不要使用它，它很丑陋，已被弃用并且完全没用。使用 css 为您的元素设置样式。
  2. h3内联元素a*中的块级元素。这是无效的 HTML，在语义上没有意义。
    • Ah3是一个标题，它在逻辑上不适合锚元素。
    • h3产生换行符，因此所有链接都放在一行上。

根据您想要做什么，此标记更适合：

<!-- Use an unordered list for your anchor elements-->
<ul class="mylinks">
     <li><a href="opinion.jsp">Recommendation</a><li>
     <li><a href="FindoneServ">Review Mining</a><li>
     <li><a href="rank.jsp"   >Generate Graph</a><li>
     <li><a href="index1.jsp" >Sign out</a><li>
</ul>

和相应的CSS

<!-- put this in the <head> of your html document --> 
<style type="text/css">
.mylinks li{
    float:left;   /* Fit all your links nicely in one line*/
    margin:0 5px; /* Give them to the left and right a little room to breathe */
    /* You can adjust the space by modifying the 5px value, */
    /* the 0 modifies the top/bottom spacing */
}

.mylinks a{
   color:red; /* fancy red color for your links*/
}
</style>

*：至少在 HTML4 中是这样。问题仍然是这种标签嵌套是否有意义。

于 2013-03-11T09:24:34.377 回答
1

问题是您使用的是标题标签，默认情况下它们后面有一个换行符。

要更改这一点，您可以设置displayCSS 属性，该属性将使元素与其他元素对齐：

h3 { 
  display: inline; 
}

您可能会重新考虑<h3>完全使用。一般来说，它适合作为其他内容的标题，而不是导航。我还建议删除<font>标签。你不需要它。您可以而且应该使用 CSS 进行样式设置。

于 2013-03-11T04:25:44.073 回答
0

尝试使用：在 div 中列出的无序。

<!--HTML-->
<div id="Navigation">
<ul>
<li><a href="opinion.jsp">Recommendation</a></li>
<li><a href="FindoneServ">Review Mining</a></li>
<li><a href="rank.jsp">Generate Graph</a></li>
<li><a href="index1.jsp">Sign out</a></li>
</ul>
</div>


<!--CSS-->

#Navigation
{
      color: #9000A1;
      font-family:"Times New Roman", Times, serif;
}
于 2013-03-11T08:48:21.273 回答