Web制作入門 -4ページ目

Web制作入門

Web制作の勉強中です
覚書に利用しています
間違えなどがありましたら教えて下さい

メニュー一覧@文章に段落をつける




メニューの値段と説明文にp要素をつけていきます








メニュー一覧




<strong>コーヒー</strong>


<p>¥250</p>


<p>当店オリジナルのドリップコーヒーです</p>




<strong>紅茶</strong>


<p>¥250</p>


<p>こだわりの紅茶はいかがでしょうか?</p>




<strong>アイスコーヒー</strong>


<p>¥250</p>


<p>アイスコーヒー専用に豆をご用意しています</p>




<strong>オレンジジュース</strong>


<p>¥150</p>


<p>100%ジュースです、しかも安心の国産!!是非お試し下さい</p>




<strong>パウンドケーキ</strong>


<p>¥350</p>


<p>数量限定 1日10名様限定です</p>




<strong>ブッシュ・ド・ノエル</strong>


<p>¥500</p>


<p>可愛らしい切り株のケーキ。。。</p>




<strong>ホットケーキ</strong>


<p>¥350</p>


<p>小腹がすいた時に。。。</p>













文章に段落をつける




ウェルカムメッセージに段落をつけます




「サイト作成についての交流の場...教えてください」をp要素でくくります






<p>サイト作成についての交流の場としてカフェをオープンしました。勉強した内容を掲載しています。間違え、不備等がありましたらコメント等で教えてください</p>






*多くのブラウザではp要素の後に1行分の行間が空きます


レイアウトはCSSで設定しましょう














作者情報を定義します




Copyright 2014 WEB CAFE. ALL Rights Reserved.のテキストにaddress要素でマークアップします




<address>Copyright 2014 WEB CAFE. ALL Rights Reserved.</address>




ブラウザでプレビューして確認しましょう!!




*address要素はブロックレベル要素です