爲什麼我得到這麼多br標籤

我開始編寫html代碼，當我在chrome上查看它時，表格顯示在一個長長的空白區域之後。當我檢查元素，在鉻上，我得到了很多br標籤，但我沒有在代碼中給出任何br標籤爲什麼我得到這麼多br標籤

怎麼回事？

<!DOCTYPE html> 
 

 
<head> 
 
    <title> Practice </title> 
 
</head> 
 

 
<body> 
 
    <table border="0.00001" align="center" bgcolor="silver"> 
 
    <caption align="center"> <big><big><b> Registration Form </b><big><big> </caption><br><br> 
 
<form name="My Form" action="" method=""> 
 
<tr> 
 
<td> Username </td> 
 
<td> <input type="text" name="t1" size="6"/> </td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> Password </td> 
 
<td> <input type="password" name="t2" size="6"/> </td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> Name </td> 
 
<td> <input type="text" name="t3" size="30"/> </td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> Address </td> 
 
<td> <input type="text" name="t4" size="30"/> </td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> Country </td> 
 
<td><select name="s1"> 
 
<option> Select Your Country </option> 
 
<option> Afghanistan </option> 
 
<option> Bangladesh </option> 
 
<option> China </option> 
 
<option> India </option> 
 
<option> Russia </option> 
 
</select></td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> Zip Code </td> 
 
<td> <input type="text" name="t5" size="6"/> </td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> Email </td> 
 
<td> <input type="text" name="t6" size="30"/> </td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td>Sex</td> 
 
<td><input type="radio" name="r1" value="100" checked/>Male 
 
<input type="radio" name="r1" value="102"/>Female</td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td>Language</td> 
 
<td><input type="checkbox" name="r1" value="100" checked/>English 
 
<input type="checkbox" name="r2" value="102"/>Non English</td> 
 
</tr><br><br> 
 

 
<tr> 
 
<td> About </td> 
 
<td><textarea name="a1" rows="5" cols="32"> </textarea></td> 
 
</tr><br><br> 
 

 
<tr align="centre"> 
 
<td><input type="submit" name="b2" value="submit here"/></td> 
 
</tr><br><br> 
 

 
</form> 
 
</table>

來源

2017-04-01 Kapil Yadav

固定版本**很多BR標籤，但我的在代碼中沒有給出任何br標籤，請幫助**再次讀取您的代碼bud – Dummy

因爲'
'元素是'

'的無效子元素，所以瀏覽器通常會刪除他們從'

'並且事先插入它們。不要在「

」之內直接放置「」，「」，「」或「」以外的任何元素。如果*你*沒有在那裏放置那些'
'元素，你需要與誰有權訪問你的服務器/計算機的人聊天。 –

您可以通過運行您的原始代碼通過w3驗證器 – mplungjan

回答

我不認爲這是<br>。使用Inspect Element來檢查表格之前造成這麼大差距的原因。表格之前可能有某種margin。

來源

2017-04-01 17:25:03

你的代碼中有很多不必要的「br」標籤，在你的表內。全部刪除它們，一切都會好的！乾杯。

來源

2017-04-01 17:27:44 Armenak

我認爲這是他所抱怨的。 – mplungjan

使用此代碼，這可能會解決你的問題

<table border="0.00001" align="center" bgcolor="silver" cellpadding="10"> 
    <caption align="center"><b> Registration Form </b> </caption><br><br> 
<form name="My Form" action="" method=""> 
<tr> 
<td> Username </td> 
<td> <input type="text" name="t1" size="6"/> </td> 
</tr> 

<tr> 
<td> Password </td> 
<td> <input type="password" name="t2" size="6"/> </td> 
</tr> 

<tr> 
<td> Name </td> 
<td> <input type="text" name="t3" size="30"/> </td> 
</tr> 

<tr> 
<td> Address </td> 
<td> <input type="text" name="t4" size="30"/> </td> 
</tr> 

<tr> 
<td> Country </td> 
<td><select name="s1"> 
<option> Select Your Country </option> 
<option> Afghanistan </option> 
<option> Bangladesh </option> 
<option> China </option> 
<option> India </option> 
<option> Russia </option> 
</select></td> 
</tr> 

<tr> 
<td> Zip Code </td> 
<td> <input type="text" name="t5" size="6"/> </td> 
</tr> 

<tr> 
<td> Email </td> 
<td> <input type="text" name="t6" size="30"/> </td> 
</tr> 
<tr> 
<td>Sex</td> 
<td><input type="radio" name="r1" value="100" checked/>Male 
<input type="radio" name="r1" value="102"/>Female</td> 
</tr> 
<tr> 
<td>Language</td> 
<td><input type="checkbox" name="r1" value="100" checked/>English 
<input type="checkbox" name="r2" value="102"/>Non English</td> 
</tr> 

<tr> 
<td> About </td> 
<td><textarea name="a1" rows="5" cols="32"> </textarea></td> 
</tr> 

<tr align="centre"> 
<td><input type="submit" name="b2" value="submit here"/></td> 
</tr> 

</form> 
</table>

只是去掉了一些非必要的標記，這可能會導致問題。請嘗試

來源

2017-04-01 17:40:00

這不是有效的HTML – mplungjan

您在您的頁面中有a lot of LF。你需要檢查你的編輯

你也有無效的標籤和CSS無緣

下面是驗證

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title> Practice </title> 
 
    <style> 
 
    table { 
 
     border: 0.00001px; 
 
     background-color: silver; 
 
     margin: 0px auto; 
 
    } 
 
    
 
    caption { 
 
     text-align: center; 
 
     font-size: x-large; 
 
    } 
 
    
 
    .center { 
 
     text-align: center; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <form name="MyForm"> 
 
    <table> 
 
     <caption>Registration Form</caption> 
 
     <tr> 
 
     <td>Username</td> 
 
     <td> 
 
      <input type="text" name="t1" size="6" /> </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Password</td> 
 
     <td> 
 
      <input type="password" name="t2" size="6" /> </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Name</td> 
 
     <td> 
 
      <input type="text" name="t3" size="30" /> </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Address</td> 
 
     <td> 
 
      <input type="text" name="t4" size="30" /> </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Country</td> 
 
     <td> 
 
      <select name="s1"> 
 
      <option> Select Your Country </option> 
 
      <option> Afghanistan </option> 
 
      <option> Bangladesh </option> 
 
      <option> China </option> 
 
      <option> India </option> 
 
      <option> Russia </option> 
 
      </select> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Zip Code</td> 
 
     <td> 
 
      <input type="text" name="t5" size="6" /> </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Email</td> 
 
     <td> 
 
      <input type="text" name="t6" size="30" /> </td> 
 
     </tr> 
 
     <tr> 
 
     <td>Gender</td> 
 
     <td> 
 
      <input type="radio" name="r1" value="100" checked/>Male 
 
      <input type="radio" name="r1" value="102" />Female</td> 
 
      <input type="radio" name="r1" value="103" />Irrelevant</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Language</td> 
 
     <td> 
 
      <input type="checkbox" name="r1" value="100" checked/>English 
 
      <input type="checkbox" name="r2" value="102" />Non English</td> 
 
     </tr> 
 
     <tr> 
 
     <td>About</td> 
 
     <td> 
 
      <textarea name="a1" rows="5" cols="32"> </textarea> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td class="center" colspan="2"> 
 
      <input type="submit" name="b2" value="submit here" /> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </form> 
 
</body> 
 

 
</html>

來源

2017-04-01 17:45:39 mplungjan

相關問題