-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改行を生成するため、すべてのリンクがそれぞれ 1 行に配置されます。

正確に何をしたいかによっては、このマークアップの方が適しています。

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

問題は、見出しタグを使用していることです。デフォルトでは、見出しタグの後に改行があります。

これを変更するにはdisplay、要素を他の要素と揃える CSS プロパティを設定します。

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 に答える