はてな記法テスト
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ドレミファ音楽教室_hiyoshi</title> <link rel="stylesheet" href="style.css"> <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:600' rel='stylesheet' type='text/css'> </head> <body> <header> <div class="headerwrap"> <h1><a href="#"><img src="img/header-logo.png" alt="ドレミファ音楽教室"></a></h1> <dl> <dt>お問い合わせ・お申し込み</dt> <dd>01-4321-7890</dd> </dl> </div><!-- headerwrap --> <nav> <ul> <li><a href="#">教室について</a></li> <li><a href="#">大人のコース</a></li> <li><a href="#">子どものコース</a></li> <li><a href="#">体験クラス</a></li> <li><a href="#">お申し込み</a></li> </ul> </nav> </header> <div class="container"> <p class="key"><img src="img/home-keyvisual.jpg" alt="音楽の楽しさをみなさんに伝えたい"></p> <section> <h2>お知らせ</h2> <ul> <li class="link"><a href="#"><img src="img/home-news-1.jpg" alt="news1"><p><span>今月の体験クラスの情報を掲載しました。</span>先着順でお申し込み受付中ですのでお早めにどうぞ。</p></a></li> <li class="link"><a href="#"><img src="img/home-news-2.jpg" alt="news2"><p>「大人のためのやりなおしピアノ」開講しました。子どもの頃は習っていたけれど今はすっかり……という方におすすめです。</p></a></li> <li><img src="img/home-news-3.jpg" alt="news3"><p>ドレミファ音楽教室が4周年を迎えました。これからもどうぞよろしくお願いいたします!</p></li> </ul> </section> <div class="subcontent"> <p><a href="#"><img src="img/home-banner-1.png" alt="子どもがよろこぶ!お菓子が登場する曲特集"></a></p> <p><a href="#"><img src="img/home-banner-2.png" alt="ピアノを習うのは何才からがベスト?"></a></p> <p><a href="#"><img src="img/home-banner-3.png" alt="大きな音が出せない!練習場所のなやみ"></a></p> </div><!-- subcontent --> </div><!-- container --> <footer> <ul> <li><a href="#">教室について</a></li> <li><a href="#">大人のコース</a></li> <li><a href="#">子どものコース</a></li> <li><a href="#">体験クラス</a></li> <li><a href="#">お申し込み</a></li> </ul> <p><small>©copyright DoReMiFa Music School, all rights reserved.</small></p> </footer> </body> </html>
どうかな?