HTMLkcn.changemakers.jp/workshop/data/7_img_divタグの...2016/6/3 img div - HTML CSS Vol. 7 -...

2016/6/3 img div - HTML CSS Vol. 7 - DESIGNMAP

http://www.designmap.info/tobewebdesigner/tutorial/zero_html7/ 1/8

<!doctype html><html><head> <meta charset="utf‐8"> <title>初��HTML�CSS</title></head><body> <h1><img src="images/logo.png" alt="N��"></h1> <ul class="global_nav"> <li>��</li> <li>N��</li> <li>��</li> <li>��</li> </ul> <ul class="utility_nav"> <li>�問�合��</li> <li>��</li> </ul> <h2><img src="images/head_topics.png" alt="��"></h2> <dl> <dt>2015年02月09日 </dt> <dd>限定��入荷��深煎��提供��</dd>

sugi346

sugi346

sugi346

sugi346



<dt>2015年02月08日 </dt> <dd>��募集中��</dd> <dt>2015年02月07日 </dt> <dd>��教室��編�5月7日�開催��</dd> <dt>2015年02月06日 </dt> <dd>��田中��貼�絵展�開催��</dd> </dl> <h2><img src="images/head_info.png" alt="��"></h2> <p>Open 11�00～22�00�LO 21�30�<br> Close 木曜日</p> <p><img src="images/map.png" alt="地図"></p> <p>Copyright (C) 2015 Ncoffee. All Rights Reserved.</p></body></html>

sugi346

sugi346



<body><div id="header"> <h1><img src="images/logo.png" alt="N��"></h1> <ul class="global_nav"> <li>��</li> <li>N��</li> <li>��</li> <li>��</li> </ul> <ul class="utility_nav"> <li>�問�合��</li> <li>��</li> </ul></div><div id="content"> <h2><img src="images/head_topics.png" alt="��"></h2> <dl> <dt>2015年02月09日 </dt> <dd>限定��入荷��深煎��提供��</dd> <dt>2015年02月08日 </dt> <dd>��募集中��</dd> <dt>2015年02月07日 </dt> <dd>��教室��編�5月7日�開催��</dd> <dt>2015年02月06日 </dt> <dd>��田中��貼�絵展�開催��</dd> </dl> <h2><img src="images/head_info.png" alt="��"></h2> <p>Open 11�00～22�00�LO 21�30�<br> Close 木曜日</p> <p><img src="images/map.png" alt="地図"></p></div><div id="footer"> <p>Copyright (C) 2015 Ncoffee. All Rights Reserved.</p></div></body></html>

sugi346

sugi346

sugi346

sugi346

sugi346



...

<body><div id="header"> <div class="inner"> <h1><img src="images/logo.png" alt="N��"></h1> <ul class="global_nav"> <li>��</li> <li>N��</li> <li>��</li> <li>��</li> </ul> <ul class="utility_nav"> <li>�問�合��</li> <li>��</li> </ul> </div></div><div id="content"> <div class="inner"> <h2><img src="images/head_topics.png" alt="��"></h2> <dl> <dt>2015年02月09日 </dt> <dd>限定��入荷��深煎��提供��</dd>

sugi346

sugi346

sugi346



...

<h2><img src="images/head_info.png" alt="��"></h2> <p>Open 11�00～22�00�LO 21�30�<br> Close 木曜日</p> <p><img src="images/map.png" alt="地図"></p> </div></div><div id="footer"> <div class="inner"> <p>Copyright (C) 2015 Ncoffee. All Rights Reserved.</p> </div></div></body>

...

...<div id="header"> <div class="inner"> <h1><img src="images/logo.png" width="157" height="48" alt="N��

�"></h1> <ul class="global_nav"> ... </ul> <ul class="utility_nav"> ... </ul> </div></div>

<div id="visual">

sugi346

sugi346

sugi346

sugi346

sugi346



<div class="inner"> <p><img src="images/visual.jpg"></p> </div></div>

<div id="content"> <div class="inner"> <h2><img src="images/head_topics.png" width="62" height="29" alt="��"></h2> ...

http://www.designmap.info/tobewebdesigner/tutorial/zero_html8/

sugi346

sugi346

sugi346

HTMLkcn.changemakers.jp/workshop/data/7_img_divタグの...2016/6/3 img div - HTML CSS Vol. 7 -...

Documents

Transcript of HTMLkcn.changemakers.jp/workshop/data/7_img_divタグの...2016/6/3 img div - HTML CSS Vol. 7 -...