リンクを入力しても表記文章が全く表示されない

###前提・実現したいこと
初心者です。いちばんやさしいHTML５という書籍を読んで、エディタソフトとしてBracketsを導入
したのですが、h1やliやpは上手くプレビューにて表示されるのですが、
<a href="http://www.yahoo.co.jp/">Yahoo!JAPANへのリンク</a>
が、プレビューに１mmも表示されない状態です。
書籍通りにソースは入力して何度も打ち直してみたのですが、解決できません。
アドバイス頂けますでしょうか？

###該当のソースコード

<!DOCTYPE html> <html> <head> <meta_charset="UTF-8"> <title>サンプルページ</title> </head> <body> <h1>HTMLを書いてみよう</h1> <p>練習として簡単なレポート文書を作成してみませんか</p> <h2>練習の極意</h2> <ul> <li>焦らない。ゆっくり１つずつ。</li> <li>まめに保存。確認。</li> <li>楽しみながら取り組む</li> </ul> <p>焦らずに１つずつじっくり進めてください。楽しみながら取り組むことが大切です。ただ保存はまめにしましょう。</p> <p><a href="http://www.yahoo.co.jp/">Yahoo!JAPANへのリンク</a></p> </body>

###試したこと
何度も打ち直してみたのですが、解決しません。