xhtmlの骨格を記述する
lesson6,7,8と全く同じで、XHTMLの骨格を何も考えずに作ります。htmlファイルもcssファイルもこぴればOK。
<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML1.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> <title>ホームページ作成講座</title> <meta name="description" content="ホームページ作成の方法を初心者さんにもわかるように、簡単に解説している講座です。" /> <meta name="keywords" content="ホームページ,作成,講座" /> <meta name="author" content="wakabagari" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style/style.css" media="all" /> </head> <body> </body> </html>
ついでに、style.cssも作成し、いつものフレーズを記述して置きます。
@charset "utf-8"; * { margin:0; padding:0; } img { border:0; }
lesson9で使う画像はコチラ→画像ダウンロード
Lesson9~画像ビュアーの作成~
- XHTMLの骨格を記述する
- divとfloatで骨格を作る
- div#a1内の編集
- div#a2内の編集
- div#a3内の編集
- div#a4内の編集
- div#a5内の編集・最終調整
- 画像viewerを配置する
コメントor補足情報orご指摘あればをお願いします。
- << 前のページ
- 次のページ >>