2016-12-06 5 views
1

ハイパーリンクをイメージにのみ適用するが、リンクの終了方法はわからない。HTML5ハイパーリンクの終了リンク

ハイパーリンクの下にヘッダーと他のテキストブロックをリンクし続けます。私は何が間違っているのか分かりません。ハイパーリンクをイメージだけに分離するにはどうすればよいですか? - 文字(すなわち>)以上で仕上げ、それを

`<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" 
    <title>Example Document</title> 
</head> 
<body> 
    <h1>This is Craig's Favorite Dog.</h1> 
    <p>Click on image for more information. 
    <article> 
    <dd><a href="https://en.wikipedia.org/wiki/Newfoundland_(dog)"> 
    <img src="https://media.mnn.com/assets/images/2016/04/newfoundland- dog.jpg" height="240" width="360" 
    </a></dd>  
    </article> 
    </p> 
</body> 
    <br> 
    <br> 
    <h2>This is the fart of the dog<h2> 
    <audio controls> 
     <source src="fart.mp3" type="audio/mpeg"> 
     <source src="fart.ogg" type="audio/ogg"> 
     Your browser does not support the audio element. 
    </audio> 


</html>` 
+0

を適用360 "。交換する code with this : Jehoshuah

答えて

0

タグが終了していない画像:ここに私のブラウザ

が私のコードであるように私はGoogleのクロムを使用しています。

<img src="https://media.mnn.com/assets/images/2016/04/newfoundland-dog.jpg" height="240" width="360" /> 

はまた、私は、タグの終了前に、スラッシュ(/)を加えることに注意してください。

コンテンツなし、それが空の要素ではありません許可:from MDNから画像タグは一切許さコンテンツを持っていないためです。

その他の提案:

  • 内容の残りの部分が追加される前に閉鎖体タグ(</body>)を追加しないでください(例:H2タグなどオーディオタグ) 。段落タグ(<p>)用
  • 許可内容はPhrasing contentですが記事タグはこれだけ段落タグの後に記事のタグを移動flow contentです。
  • 終わりに向かってheading 2の終了タグは、終了文字が欠落しています。</h2>

アップデートでthis plunker exampleを参照してください "の後にあなたが最後にタグを「>」を追加しませんでした

+0

これを見ていただきありがとうございます! Sam、あなたの助けをありがとう! –

関連する問題