リストと画像：間違った答え - HTMLテスト

-3

私はちょうどランダムにこの試みたsample HTML testと私のasnwerを提出した。リストと画像：間違った答え - HTMLテスト

これは以下のエラーを示しています。

リストと画像：間違った答え

はフィドルのスニペットを実行し、それが正常に動作します。

本当に混乱していて、何が間違っているのか分かりません。任意の提案

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Company page</title> 
 
</head> 
 

 
<body> 
 
    <p>Welcome! Here you can find following things:</p> 
 
    <ol> 
 
    <em><li><a href="#logo">Company's logo</a></li></em> 
 
    <li><a href="#employees">List of employees</a></li> 
 
    </ol> 
 

 
    <h1>Company's logo</h1> 
 
    <p>Company uses following logos:</p> 
 
    <ul> 
 
    <li>New logo: <img src="new_logo.gif"></li> 
 
    <li>Old logo: <img src="old_logo.gif"></li> 
 
    </ul> 
 

 
    <h1>List of employees</h1> 
 

 
    <table> 
 
    <thead> 
 
     <th>First name</th> 
 
     <th>Last name</th> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
     <td>Mary</td> 
 
     <td>Williams</td> 
 
     </tr> 
 
     <tr> 
 
     <td>James</td> 
 
     <td>Smith</td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</body> 
 

 
</html>

ください

私の答えは、このでしたか？

おかげ

出典

2017-03-17 Krish

これは、ジョブのテストに合格するために宿題のヘルプやヘルプのように思えます。 htmlバリデーターを通してコードを実行し、結果を得ることができます。 – mlegg

私の提案は、17行目と18行目に注意深くコードを記述し、問題を簡単に見つけ出すことです。 – timgavin

私は提案があります。 [ツアー]に行って、[ヘルプ]ページ、特に[質問]を読んでください。ここであなたの次の質問を投稿する前に。 –

は、私はそれがしばらくのために何かを見てイライラすると、問題が何であるかを把握することはできません知っています。これをW3C Validatorで実行すると、このエラーが発生します。

これを修正するには、そのようlist element内imgを置く：

<ul> 
     <li>New logo:<img src="new_logo.gif"></li> 
     <li>Old logo:<img src="old_logo.gif"></li> 
</ul>

EDITを：ここでは、あなたの<tbody>と<thead>内<tr>を欠落していた

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Company page</title> 
    </head> 
    <body> 
    <p>Welcome! Here you can find following things:</p> 
    <ol> 
     <li><em><a href="#logo">Company's logo</a></em></li> 
     <li><a href="#employees">List of employees</a></li> 
    </ol> 

    <h1>Company's logo</h1> 
    <p>Company uses following logos:</p> 
    <ul> 
     <li>New logo:<img src="new_logo.gif"></li> 
     <li>Old logo:<img src="old_logo.gif"></li> 
    </ul> 

    <h1>List of employees</h1> 

    <table> 
     <thead> 
     <tr> 
      <th>First name</th> 
      <th>Last name</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td>Mary</td> 
      <td>Williams</td> 
     </tr> 
     <tr> 
      <td>James</td> 
      <td>Smith</td> 
     </tr> 
     </tbody> 

    </table> 


    </body> 
</html>

正しいコードがあります。

<li>要素内に<em>と</em>も移動する必要があります。

出典

2017-03-17 01:40:57 nviens

申し訳ありませんが、最初の投稿に私の答えを含めないのは間違いでした。私はまったく同じ修正をしましたが、それはまだ間違った答えを言います！ – Krish

@Krishは最新の回答をチェックします。 – nviens

私はちょうど2時間のようにこの問題に取り組みました....そして、それは/ liを取り除くことになっていました。面白いことに、後の行には問題はありませんが、最初の行は問題ありません。私はなぜ、そして基本的にここで幸運を得たのか分かりません。

また、imgタグにはalt = "picture of description"が含まれているとかなり確信しています。これは私が理解できないコードの別の問題です。

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Company page</title> 
 
    </head> 
 
    <body> 
 
    <p>Welcome! Here you can find following things:</p> 
 
    
 
    <ol> 
 
     <li><a href="#logo"><em>Company's logo</em> 
 
     <li><a href="#employees">List of employees</a> 
 
     </li> 
 
    </ol> 
 

 
    <h1 id="logo">Company's logo</h1> 
 
    
 
    <p>Company uses following logos:</p> 
 
    
 
    <ul> 
 
     <li>New logo:<img src="new_logo.gif"/> 
 
     </li> 
 
     
 
     <li>Old logo:<img src="old_logo.gif"/> 
 
     </li> 
 
    </ul> 
 
    
 
     <h1 id="employees">List of employees</h1> 
 
     <table> 
 
      <thead> 
 
       <tr> 
 
        <th>First name</th> 
 
        <th>Last name</th> 
 
      </thead> 
 
      <tr> 
 
       <td>Mary</td> 
 
       <td>Williams</td> 
 
      </tr> 
 
      <tr> 
 
       <td>James</td> 
 
       <td>Smith</td> 
 
      </tr> 
 
     </table> 
 
    </body> 
 
</html>

ここで私が使用したコードだとそれが働いた：

出典

2017-08-14 17:53:13

使用したコードはどこですか？ –

私はを通じて戻って、W3C検証ルールに準拠するために、このコードを修正しました。ここでは、コードがある（そしてそれはあまりにも動作します）：

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Company page</title> 
 
    </head> 
 
    <body> 
 
    <p>Welcome! Here you can find following things:</p> 
 
    
 
    <ol> 
 
     <li><a href="#logo"><em>Company's logo</em></a></li> 
 
     <li><a href="#employees">List of employees</a></li> 
 

 
    </ol> 
 

 
    <h1 id="logo">Company's logo</h1> 
 
    
 
    <p>Company uses following logos:</p> 
 
    
 
    <ul> 
 
     <li>New logo:<img src="new_logo.gif" alt="newlogopic"/> 
 
     </li> 
 
     
 
     <li>Old logo:<img src="old_logo.gif" alt="oldlogopic"/> 
 
     </li> 
 
    </ul> 
 
    
 
     <h1 id="employees">List of employees</h1> 
 
     <table> 
 
      <thead> 
 
       <tr> 
 
        <th>First name</th> 
 
        <th>Last name</th> 
 
      </thead> 
 
      <tr> 
 
       <td>Mary</td> 
 
       <td>Williams</td> 
 
      </tr> 
 
      <tr> 
 
       <td>James</td> 
 
       <td>Smith</td> 
 
     </table>

出典

2017-08-14 18:29:00

リストと画像：間違った答え - HTMLテスト

答えて

関連する問題