wants cake index html
非常に四苦八苦したので今回は先生のをまる映し!
次から自力でいきます。
<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>wants cake</title> <link rel="stylesheet" href="bass.css" type="text/css"> </head> <body> <div id="container"> <div id="header"> <h1><a href="index.html"><img src="images/logo.jpg"alt="Wants Cake" height="55"width="260"></a></h1> <div id="nav"> <ul> <li><a href="index.html" class="menu_index" style="background-position: 0 -36px;"></a></li> <li><a href="products.html" class="menu_products"></a></li> <li><a href="shop.html" class="menu_shop"></a></li> <li><a href="mailto:xxxx@xxxx.com" class="menu_mail"></a></li> </ul> </div> <img src="images/main_photo.jpg" width="680" height="236" alt="メインイメージ" class="main_image"> </div> <div id="content"> <div id=main> <h2><img src="images/news_title.gif" width="475" height="25" alt="新着情報"</h2> <dl class="news_date"> <dt>2012.6.5</dt> <dd class="news_content">スペシャルキャンペーン期間中、お休みをさせて頂いておりました、<span class="news_keyword">N.Y.チーズケーキ</span>、<span class="news_keyword">レアチーズケーキ</span>のオーダー受付を再開させて頂きました。</dd> <dt>2012.06.10</dt> <dd class="news_content"><span="news_keyword">スペシャルキャンペーン</span>実施中!人気のケーキが<span class="news_keyword">5%オフ</span>!</dd> </dl> <h2><img src="images/recommend_title.gif" width="475" height="25" alt="オススメ商品"</h2> <div class="products"> <img src="images/top_item_photo1.jpg" width="150" height="120" alt="チーズスフレ 商品写真" class="products_item"> <p class="products_name"><a href="item.html">チーズスフレ</a></p> <p class="products_price">1個 480円</p> <p>ふんわりと口の中で溶けるチーズスフレに、生クリームをたっぷり乗せた一品です。</p> <a href="item.html"><img src="images/top_morelook_btn.gif" width="105" height="16" alt="詳細えを見る"></a> <a href="images/item_photo01.jpg"><img src="images/top_morelook_btn.gif" width="105" height="16" alt="大きな写真を見る"></a> </div> <div class="products"> <img src="images/top_item_photo02.jpg" width="150" height="120" alt="イチゴのバースデイケーキ 商品写真" class="products_item"> <p class="products_name"><a href="item.html">イチゴのバースデイケーキ</a></p> <p class="products_price">1個 2,480円</p> <p>大切な方のお誕生日に。ほどよい甘さで大人も子供もおいしくお召し上がりいただけます。</p> <a href="item.html"><img src="images/top_moreinfo_btn.gif" width="83" height="16" alt="詳細を見る"></a> <a href="item.html"><img src="images/top_moreinfo_btn.gif" width="83" height="16" alt="詳細を見る"></a> <a href="images/item_photo02.jpg"><img src="images/top_morelook_btn.gif" width="105" height="16" alt="大きな写真を見る"></a> </div> <div class="product"> <img src="images/top_item_photo3.jpg" width="150" height="120" alt="焼菓子の詰め合わせ 商品写真" class="product_item"> <p class="product_name"><a href="item.html">焼菓子の詰め合わせ</a></p> <p class="product_price">1箱 1,680円</p> <p>当店自慢の焼菓子の詰め合わせです。無添加の素材でひとつずつ丹念にお作りしています。</p> <a href="item.html"><img src="images/top_moreinfo_btn.gif" width="83" height="16" alt="詳細を見る"></a> <a href="images/item_photo03.jpg"><img src="images/top_morelook_btn.gif" width="105" height="16" alt="大きな写真を見る"></a> </div> </div> <div id="sidebar"> <a href="index.html" class="banner"><img src="images/banner01.jpg" alt="バースデーケーキのご注文はこちら" height="175" width="195"></a> <a href="index.html" class="banner"><img src="images/banner02.jpg" alt="ユミの奮闘日記" height="88" width="195"></a> </div> </div> <div id="footer"> <address>Copyright (C) 2012 Wants Cake Corporation. All Rights Reserved.</address> </div> </div> </body> </html>