HTML中的幫助欄

-1

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

來源

2011-05-23 Eshika

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

來源

2011-05-23 06:54:52

這是一個鏈接列表。使用一個列表，而不是一個div。 – Quentin 2011-05-23 06:57:27

@Quentin：是的，當你輸入你的評論時，我正在添加。無論如何，這很可能是一次性的答案，但我承認我很睏倦，而且沒有正常思考。我從來沒有在我的生活中用過裸體的「」...... – 2011-05-23 06:58:24

+1。我期待着這樣的事情。 – Mudassir 2011-05-23 07:27:50

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

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

來源

2011-05-23 06:30:29 dkamins

對於讀者來說不方便。 – Mudassir 2011-05-23 06:33:01

@Mudassir這是真的，但你讀過這個問題嗎？ – dkamins 2011-05-23 06:35:40

是的，我紅。現在你可以看到@Wesley Murch的答案。 – Mudassir 2011-05-23 07:27:08

HTML中的幫助欄

回答

相關問題