HTML中的幫助欄

Question

我正在嘗試在HTML中爲其開發幫助欄，因爲它使用了以下代碼。有有任何方法可以使它在行數方面很小。

<table> 
<tr> 
<td width="400" height="50" > 
<input type="button" value="HOME" onClick="window.location.href='http://www.google.com'" > 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<input type="button" value="ABOUT US" onClick="window.location.href='http://www.google.com'"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<input type="button" value="CONTACT US" onClick="window.location.href='http://www.google.com'"> 
</td> 

Answer 1

1. 不要使用表，使用適當的標籤和CSS
2. 擺脫所有這些 的字符並使用CSS添加邊距
3. 使用<a>標籤代替按鈕，並使用CSS對其進行樣式設計
4. 請勿在標記中大寫您的單詞，請使用CSS（text-transform:uppercase）
5. 爲了一切順利，請使用href而不是javascript onclick事件。
6. 學習CSS！

生成的HTML應該是這個樣子：

<ul class="navigation"> 
    <li><a href="http://www.google.com">Home</a></li> 
    <li><a href="http://www.google.com">About Us</a></li> 
    <li><a href="http://www.google.com">Contact Us</a></li> 
</ul> 

有了CSS，你將能夠得到您有相關的表格和按鈕的外觀相同，但多多了，你會採用最佳實踐，具有較大的可訪問性，以及易於維護，編輯，在你的頁面的呈現方式，以及更簡單的，明智的標記

記住：

• HTML - 說明什麼內容爲
• CSS - 說明什麼內容看起來像

一些很好的參考閱讀的未來：

• http://www.htmldog.com/

Answer 2

可這一切，如果你想簡單地合併爲一行：

<table><tr><td width="400" height="50"><input type="button" value="HOME" onClick="window.location.href='http://www.google.com'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="ABOUT US" onClick="window.location.href='http://www.google.com'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="CONTACT US" onClick="window.location.href='http://www.google.com'"></td>