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

Q10 bodyの背景色が「#3366CC」のとき、h1が白色で表示されるよう指定

h1の背景を白色にする場合 h1 { background-color: #FFFFFF; } h1の文字だけを白色にする場合 h1 { color: #FFFFFF; }

Q09 bodyを、プロパティ(文字サイズ:16px、文字色:#333333、書体:ゴシック体、行送り:1.5)で指定

body { font-size: 16px; color: #333333; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: 1.5; }

Q08 使用している要素が、h1、h2、h3、p、ul、li、img の場合のリセットCSSを記述

h1、h2、h3、p、ul、li、img { margin: 0; padding: 0; }

Q07 HTMLドキュメントと同一階層にある「cssフォルダー」内にある、「style.css」を読み込む記述

<link rel="stylesheet" href="css/style.css"></link>

Q06 コピーライトの表示

Copyright © CatCafé. All Rights Reserved. <p><small>Copyright &#169; CatCaf&#233;. All Rights Reserved.</small></p>

Q05 あたるを例に、にゃんこ別に表にまとめる

<table border="1"> <tr> <th>名前</th><th>オス・メス</th><th>特徴</th><th>性格</th><th>写真</th> </tr> <tr> <td>あたる</td><td>オス</td><td>大きな目と耳<br>まがったしっぽ</td><td>マイペース</td><td><image src="img/ataru.jpg"</td> </tr> </table>

Q04 Q03の内容にもっと見るボタンを追加!!

<html lang="ja"> <head> <meta charset="UTF-8"> <title>猫と遊べる池袋のカフェ CatCafe</title> </head> <body> <h1>CatCafeのにゃんこ紹介</h1> <h2>あたる(白キジトラ・オス)</h2> <p>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。 </p> <p><image src="img/ataru.jpg"></p> <p>特徴<br> 大きな目と</p></body></html>…

Q03 猫カフェのマークアップ文書構造

<html lang="ja"> <head> <meta charset="UTF-8"> <title>猫と遊べる池袋のカフェ CatCafe</title> </head> <body> <h1>CatCafeのにゃんこ紹介</h1> <h2>あたる(白キジトラ・オス)</h2> <p>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。 </p> <p><image src="img/ataru.jpg"></p> <p>特徴<br> 大きな目と</p></body></html>…

Q02 池袋の猫カフェ「CatCafe」の適切なtitle要素は?

<title>猫と遊べる池袋のカフェ CatCafe</title>

Q01 DTD HTML5で基本構造を記述しなさい

<html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1></h1> <p></p> </body> </html>