2013-07-20から1日間の記事一覧

Q21 下のようになるように

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Q21</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="nav"> <ul> <li id="news"><a href="#">新着情報</a></li> <li id="inform"><a href="#">お知らせ</a></li> <li id="product"><a href="#">製品情報</a></li> </ul></div></body></html>

Q19 下のような配置を作る

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Q19</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="wrapper"> <div class="cap"> <p><img src="img/01.jpg" width="148px" height="148px"></p> <p>画像のキャプチャ1</p> </div> <div class="cap"> <p></p></div></div></body></html>

Q24 下のような配置

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Q23</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="wrapper"> <div id="kumo1"><img src="img/kumo.jpg" width="199px" height="158px"> </div> <p id="p1">段落1のテキストです。段落1のテキストです。段落1のテキストです。</p> <p id="p2">段落…</p></div></body></html>

Q23

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Q21</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="nav"> <ul> <li id="news"><a href="#">新着情報</a></li> <li id="inform"><a href="#">ニュース/お知らせ</a></li> <li id="product"><a href="#">製品情報</a></li> </ul></div></body></html>

Q22

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Q22</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="nav"> <ul> <li id="news"><a href="#">新着情報</a></li> <li id="inform"><a href="#">ニュース/お知らせ</a></li> <li id="product"><a href="#">製品情報</a></li> </ul></div></body></html>