ウェブ学のすすめ

Study of Web Design & Programing

【HTML03】文書構造の練習

課題

  • 以下の内容をHTML文章にしてブログに載せなさい
  • サンプルなど見ないで入力すること(できるようになるまで繰り返す)
  • DTDとmetaは不要

【HTML03】文書構造の練習

インテリアショップ a Interior

インフォメーション
インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。

2012年4月25日オープン
復刻版の商品が再入荷しました。
2012年4月26日
クロックスが入荷しました。
2012年4月25日
オープン 家具・新商品入荷しました。


ここに画像が入る


コンセプト
インテリアについての「想い」を感じてください。

ショップ
店内のイメージ写真と会社案内。

商品紹介
家具・雑貨をはじめとした取り扱い商品の一部をご紹介しています。

店舗へのアクセス
「a Interior」までの交通機関のご案内です。

ブログ
スタッフの「ブログ」です。

お問い合わせ
インテリアや雑貨・家具、その他に関するお問い合せはこちらまで。

引用元:HTML02~03 - Webデザインの勉強|忘筌

解答

【HTML03】文書構造の練習 - jsdo.it - share JavaScript, HTML5 and CSS


スマートフォンの方はこちらからご覧になれます。

<html>
    <head>
	<title>
	    【HTML03】文書構造の練習
	</title>
    </head>
    <body>
	<h1>インテリアショップ a Interior</h1>
	<h2>インフォメーション</h2>
	<p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p>
	<dl>
	    <dt>2012年4月25日オープン</dt>
	    <dd>復刻版の商品が再入荷しました。</dd>
	    <dt>2012年4月26日</dt>
	    <dd>クロックスが入荷しました。</dd>
	    <dt>2012年4月25日</dt>
	    <dd>オープン 家具・新商品入荷しました。</dd>
	</dl>
	<p><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/v/vinton/20120430/20120430015722.jpg" alt="入荷商品"></p>
	<h3>コンセプト</h3>
	<p>インテリアについての「想い」を感じてください。</p>
	<h3>ショップ</h3>
	<p>店内のイメージ写真と会社案内。</p>
	<h3>商品紹介</h3>
	<p>家具・雑貨をはじめとした取り扱い商品の一部をご紹介しています。</p>
	<h3>店舗へのアクセス</h3>
	<p>「a Interior」までの交通機関のご案内です。</p>
	<h3>ブログ</h3>
	<p>スタッフの「ブログ」です。</p>
	<h3>お問い合わせ</h3>
	<p>インテリアや雑貨・家具、その他に関するお問い合せはこちらまで。</p>
    </body>
</html>