2012-05-01から1ヶ月間の記事一覧
フローティングの対象となるボックスには明確な横幅が必要 float と width はセット フローティングされたボックスの上下の余白(マージン)は、他のボックスの上下の余白(マージン)との相殺は行われない 左フローティングでは、親要素の左端をはみ出すように…
【WEBページについて】 以下の問に答えなさい。見出しや段落であることを表すための[ ]を記述します タグレイアウトなどの見た目は[ ]で記述します CSSWebサーバーにデータを送ること アップロードWebサーバーからデータを取得すること ダウンロードWebペー…
【記述実践】 <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css" type="text/css" media="screen,print"> </head> <body> <div id="oosoto"> <div id="hed"> </div> <div id="nav"> <ul> <li><a href="#">aaa</a></li> <li><a href="#">bbb</a></li> <li></li></ul></div></div></body></html>
まずスタイルシートの指定方法には、これまで授業でやってきたHTMLファイルの中にいっしょに書く方法と、HTMLと分けて別ファイルに書く方法とがあります。これまでの授業では、CSSもHTMLもまだ行数が少なかったので、HTMLファイルの中にいっしょに書く初心者…
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> </head></html>
・IPの評価という概念がある・タイトル=H1・タイトルは、《上位狙キーワード》《カテゴリー》《サイト名》・キーワードは【□□の□□】と複合させて、検索エンジンにひとつのワードと認識させる・タイトル(H1)に、です・ます・句読点・全角の空白を入れてはい…
必ずこの順序で a:link a:visited a:hover a:active
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 幅は適宜設定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 画像は作成すること <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 画像は作成すること <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
以下の画像と同じように表示させるCSSを記述しなさい 擬似クラスで指定 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </meta></head></html>
XHTMLまでは、情報の優先順位で直線的にマークアップします これをレイアウトするためには、役割ごとの「グループ化」が必要になりますこの「グループ化」をするときに、一般的に利用される要素は何か答えなさい。div
「address要素」には、何を記述すればよいか答えなさいddress 要素は、ドキュメントやドキュメントの一部分に対する連絡先情報を表します。address 要素で提供された情報には、ドキュメントの管理者の名前、管理者のウェブページへのリンク、お問い合わせ先…
リスト「ul」と「ol」は、どう使い分ければよいか答えなさいul⇒順番の関係ないリストで使用するol⇒自動的に数字が振られるので、順番が必要な時に使う 例)操作手順、料理のレシピ等
現在では、ほぼ使われなくなった「font-size="3"」という相対指定 この相対指定には「1〜7」まであります 同様に、見出しは「h1〜h6」まででは、この7までと6までの違いはなぜか答えなさい文字の大きさは、見出しの1〜6と、<p>があるので、フォント…
本来、body内は必要充分なテキストが入力してあるところから進めることが理想です。 その内容は「本文(ほんもん)」として、記述します。 その中から、内容を一目で把握できるように「見出し」を立ち上げます。 つまり、見出しで表すことのできる、文節の塊…
《課題》 「title要素」には日本語サイトの場合は、日本語で記述しますが、何を記述すればよいかを答えなさい。 そのページの内容を、狙ったキーワードを使って記述する。
<link rel="stylesheet" type="text/css" href="css/base.css" media="screen, print"> 《課題》 このとき、「media="all"」と記述しない理由を答えなさい。 "all"とは、全てが対象という意味ではなく、わざと認識させないという意味の為記述しない。 現在"all"は使われない。</link>
<meta name="keywords" content=""> <meta name="description" content=""> 《課題》 この2つのmeta要素には、それぞれ何を記述すればよいか答えなさい。 "keywords"は、本文の中にある重要なワード "description"は、ページの説明文</meta></meta>
「空タグ」の記述 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> HTML5自明のものとして、CSSとJavaScriptが利用されていることは記述しない</meta></meta></meta>
HTML 4.01 Transitional <html lang="ja"> XHTML 1.0 TransitionalIE6対策として、記述しないことの多い「XML宣言」ですが入力できるようにしましょう </html>