-1-
-2-
-3-
-4-
-5-
-6-
-7-
-8-
-9-
MEMO <em>...</em> Textbook 4-10-
MEMO <pre>...</pre> -11-
Textbook 3 リスト7-3 break.html 7 8 9 10 11 12 13 14 15 16 Lesson 7 テキストの修飾 こうしたことがありますので たとえウェブエディタ を使う場合でも ある程度HTMLの知識を持っていた 方がよいのです そうすれば 自分でコードを修正し て問題を回避できます H T M Lの知識がまったくなけ れば どう修正してよいかわからないのですから 強制改行 <body> <h1>改行</h1> <p> 俳人小林一茶は生涯に約二万の俳句を残しているそうである 一茶の代表的な句をいくつかあげてみよう <p> 我ときて遊べや親のない雀<br> 痩せ蛙負けるな一茶ここにあり<br> 目出度さもちう位也おらが春<br> </p> </body> </html> CAUTION! ときどきリスト 7-4 のように 改行をするのにいつも < b r > タグを用いているページに出会うことがありま す 図7-4のように表示されますので とくに問題がな いように見えます しかし たとえば 図7-5のように 視力の弱い利用者が文字の大きさを変更したり ブラ ウザウィンドウの大きさを変更したり あるいは画面 の小さな携帯情報端末 PDA などで見たりすると 図7-5のようにおかしなところで改行されていて読みに くく また醜くなってしまいます 困ったことに 一部のウェブページ作成支援アプリ ケーション ウェブエディタ では 設定によって このようなページを平気で作るようになっています したがって ウェブエディタを使って書く場合は で きるだけ多くのブラウザで自分の作ったページを確認 し ウィンドウや文字の大きさを変えてみても意図し た通りに表示されることを確認するようにしてくださ い 図7-4 強制改行の誤用 １ 図7-5 強制改行の誤用 ２ リスト7-4 break-bad.html 強制改行の誤った使い方 7 8 9 10 11 12 13 14 <body> 通学講座ではウェブページ ホームページ に関する文書を翻訳しながら <br> ウェブページの作り方の基本を学びます ホームページの翻訳を仕事として<br> 受注できるのに十分な知識を学びます Webページ作成用の言語であるHTML<br> の基本のほか サウンド 画像 ビデオなどの基礎知識 それにJavaScriptや<br> Javaなどを使って作ったプログラムの簡単な利用法などを学びます </body> </html> 短い引用と長い引用 <cite>と<blockquote> MEMO <cite>...</cite>を使うとテキスト中に埋め込まれた短い引 用を指定できます また <blockquote>...</blockquote> は独立した段落になったブロックの引用に使われます その内容は通常 字下げなどによって 普通のテキスト と区別されます リスト7-5 図7-6 に例を示します < c i t e >タグで囲まれた部分のテキストは 多くのブラ ウザではイタリックで表示されます 日本語では引用 部分は括弧... などを使って表すのが普通です ので 強調の<em>タグの場合と同様 これもちょっと 困ってしまうところです この例にあるように<p>...</p>の中と同様 改行を入れる に は 改 行 タグ < b r > を 使 い ま す じ つ は 図 7-3 の 例 は <blockquote>を用いた方がよかったのです リスト7-5 quote.html 引用 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <body> <h1>引用</h1> <p> 俳人小林一茶の句の中で一番有名なのは<cite>痩せ蛙 </cite>の句であろうか しかし 一茶はなんと生涯に 約二万の俳句を残しているそうである 代表的な句を いくつかあげてみよう <blockquote> 我ときて遊べや親のない雀<br> 痩せ蛙負けるな一茶ここにあり<br> 目出度さもちう位也おらが春<br> 我ときて遊べや親のない雀<br> </blockquote> </body> </html> 図7-6 引用 -12 -
MEMO < < < > > > " " " & & & © é é é ö ö ö MEMO -13-
-14-
-15-
-16-
-17-
-18-
-19-
-20-
-21-
\ \ -22-
aj i i j -23-
-24-
#DED0CF "#DDBCA4" "#DDDBA3" "#DDCCA4" <td><br></td> -25-
CAUTION! -26-