5/14テスト
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>test5.14</title> <style type="text/css"> <!-- *{ margin:0; padding:0; } body{ background-color:#cccccc; } #container{ width: 800px; hight: auto; background-color:#fff; padding:10px; text-aline:center; } #header{ color:#ffffff; height: 100px; background-color:#a3bed5; } #wrapper{ width:800px; height:auto; } #content{ width:580px; float:right; color:#ffffff; background-color:#dcd78a; height:310px; margin:10px 0 10px 10px; } #sidebar{ float:left; width:200px; height:310px; background-color:#9cc56e; margin:10px 0 10px 0; } ul{ list-style-type: none; } li{ padding:12px 0 5px 0; } #footer{ clear:both; height:100px; color:#ffffff; background-color:#e0b9d2; } --> </style> </head> <body> <div id="container"> <div id="header">ここにサイトタイトルが入る</div> <div id="wrapper"> <div id="content"> <h2>ここに見出しが入る</h2> <p>ここに内容が入る</p> </div> <div id="sidebar"> <ul> <li><img src="btn2.jpg"width="200"height="80" alt="" /></li> <li><img src="btn2.jpg"width="200"height="80" alt="" /></li> <li><img src="btn2.jpg"width="200"height="80" alt="" /></li> </ul> </div> </div> <div id="footer">footer</div> </div> </body> </html>
テストの記事をてっきり載せたつもりになっていて、すっかり忘れておりました。勉強の日程は進んでいくけれど、理解までしきれていないのが現実だわ。webの道は厳しいな。