2017-01-14 7 views
0

学校での割り当てのためにHTML5スクリプトを開始するだけです。私は、テーブルの行には列が最初の行(6)によって確立された数よりも少ないである、1列広かった迷惑エンドタグ「tr」と1列幅のエラー

  1. http://validator.w3.org/

    に自分のファイルを提出するときしかし、私は2つのエラーに遭遇しています、それを書いて終わりです。
  2. ストレイエンドタグtr。

私のテーブルの境界には別のエラーもありますが、私の教授はそのエラーを無視すると言いました。私は次のものを生産しようとしています:https://postimg.org/image/ruv1y0vb1/

私は問題が何であるか把握できないようです。

は、ここに私のコードです:

<!DOCTYPE html> 
<html lang = "en"> 
    <head> 
     <title> Assignment 1: Question 2 </title> 
     <meta charset = "utf-8"> 
    </head> 
    <body> 
     <h3> Assignment #1/Question 2 </h3> 
     <table border = "1"> 
      <tr> 
       <td colspan = "6"> <h1> Some Canadian Provinces </h1> </td> 
      </tr> 
      <tr> 
       <td rowspan = "7"> 
        <img src = "https://upload.wikimedia.org/wikipedia/en/thumb/c/cf/Flag_of_Canada.svg/1280px-Flag_of_Canada.svg.png" 
         alt = "Canadian Flag" width = "200" height = "100"> 
       </td> 
      </tr> 
      <tr> 
       <th> Province </th> 
       <td> Quebec </td> 
       <td> Ontario </td> 
       <td> British Columbia </td> 
       <td> Alberta </td> 
      </tr> 
      <tr> 
       <th> Flag </th> 
       <td> 
        <img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Flag_of_Quebec.svg/600px-Flag_of_Quebec.svg.png" 
          alt = "Quebec Flag" width = "100" height = "55"> 
       </td> 
       <td> 
        <img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/Flag_of_Ontario.svg/1280px-Flag_of_Ontario.svg.png" 
          alt = "Ontario Flag" width = "100" height = "55"> 
       </td> 
       <td> 
        <img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Flag_of_British_Columbia.svg/600px-Flag_of_British_Columbia.svg.png" 
          alt = "British Columbia Flag" width = "110" height = "55"> 
       </td> 
       <td> 
        <img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Flag_of_Alberta.svg/1000px-Flag_of_Alberta.svg.png" 
          alt = "Alberta Flag" width = "100" height = "55" > 
       </td> 
      </tr> 
      <tr> 
       <th> Capital </th> 
       <td> Quebec City </td> 
       <td> Toronto </td> 
       <td> Victoria </td> 
       <td> Edmonton </td> 
      </tr> 
      <tr> 
       <th> Postal Abbreviation </th> 
       <td> QC </td> 
       <td> ON </td> 
       <td> BC </td> 
       <td> AB </td> 
      </tr> 
      <tr> 
       <th> Year Entered<br/>Confederation </th> 
       <td> 1867 </td> 
       <td> 1867 </td> 
       <td> 1871 </td> 
       <td> 1905 </td> 
      </tr> 
      <tr> 
       <td colspan = "5"> <strong>References and flags: </strong> 
        <a href = "https://en.wikipedia.org/wiki/Quebec"> Quebec</a> &nbsp; 
        <a href = "https://en.wikipedia.org/wiki/Ontario"> Ontario</a> &nbsp; 
        <a href = "https://en.wikipedia.org/wiki/British_Columbia"> British Columbia</a> &nbsp; 
        <a href = "https://en.wikipedia.org/wiki/Alberta"> Alberta</a> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html> 
+0

HTMLの最後の数行をチェック... 2つの閉じるタグ... 1つを削除します。その修正の後、いくつかのエラーが残っています...そしてはい、あなたは境界属性を削除することができます - スタイリングのCSSを使用して... – sinisake

+0

私はそれを把握するように見えることはできません。私は何が起こっているのか分からない。修正するのは簡単な問題のようですが、私はそれを見ません。私はタグを削除したので修正されました。それでも、テーブル行は1列幅であることがわかります。どのテーブル行ですか?私はすべてを修正しようとしましたが、うまくいかないようです。 – JKawa

+0

私が何をしても同じエラーが発生しています。 – JKawa

答えて

0

は1つのだけの要素を持っていますが、あなたのインデントを見ているのネストされた2つのレベルがあります。インデントを修正すれば、漂流が明らかになります。

+0

私は、書式を確認し、インデントにいくつかの変更を加えました。コード全体を通って走っても、まだそれを見つけられません。 – JKawa

0

投稿したコードに基づくコメント: trタグとtdタグが混在しています。 tdタグ内に別のテーブルを作成し、残りのコードをそのタグの中に入れる必要があります。タグを混在させないでください。

<table border = "1"> 
 
    <tr> 
 
    <td colspan = "6"> <h1> Some Canadian Provinces </h1> </td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan = "7"> 
 
    </td> 
 
    <!--You need to create a td tag here and add another table --> 
 
    <td> 
 
    <table> 
 
     <tr> 
 
     <th> Province </th> 
 
     <td> Quebec </td> 
 
     <td> Ontario </td> 
 
     <td> British Columbia </td> 
 
     <td> Alberta </td> 
 
    </tr> 
 
    . 
 
    . 
 
    . 
 
    </table> 
 
    </td> 
 
</tr> 
 
</table>

その後COLSPANとROWSPANプロパティをチェックし、それに応じて調整します。

+0

これはテーブルの中にテーブルを作成していますが、それを達成したくありません。 – JKawa

+0

私はそれを試しましたが、以前よりも多くのエラーを出しています – JKawa

関連する問題