2017-04-01 7 views
0

私はhtmlコードを書き始めました。クロムで見ると、長い空白の後にテーブルが表示されます。クロムの要素を調べると、たくさんの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>

+0

を検証した固定バージョンは、BRタグの多くが、私**ですコードにbrタグを指定していない場合は、もう一度コードを読んでください。 – Dummy

+2

'
'エレメントは'

'の無効な子エレメントであるため、それらを '
'から削除し、あらかじめ挿入してください。 「」、「」、「」、または「」以外の要素は、そのまま「
」に入れないでください。そして、あなたがそこに '
'要素を置かなかったなら、他の誰かがあなたのサーバ/コンピュータにアクセスできる人とチャットをする必要があります。 –

+0

元のコードをw3バリデーター – mplungjan

答えて

0

私はこれが<br>ではないと思います。 Inspect Elementを使用して、何がテーブルの前にあまりにも大きなギャップを生じているかを確認してください。テーブルの前に何らかの種類のmarginがあるかもしれません。

0

コード内には、テーブル内に不要な「br」タグがたくさんあります。それらをすべて削除しても問題ありません。乾杯。

+0

彼が不満を言っていると思います。 – mplungjan

0

使用このコードは、これはあなたの問題を解決する可能性があります

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

ちょうど問題を引き起こしている可能性がありますように、いくつかの不必要なタグを削除しました。お試しください

+0

これは有効なHTMLではありません – mplungjan

0

あなたのページには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>

関連する問題