〜マンガの為のHTML入門〜
byまんが浪人

Step11.5:文章を書く為には…!

<tr><TH valign="top" bgcolor="#cccccc">
<font size="6" color="orange"><i>
〜Information〜</i></font>
<BR>
<BR>
<!--05“Information”コメント文字の設定-->
<font size="3" color="#666666">
<BR><BR>

<BR><BR>
</font>
</TH></tr>
〜Information〜





画面一番左 (薄青)がサンプル“INDEX-05”の
<TH></TH> の間を取り出したHTMLタグです。
【*以下ここを“HT欄”とします】

ここで 青色 で示される部分が、その項目での
変更・追記・重要…という
ポイント個所を示していると考えて下さい。

その右(灰色) が、その左タグの状態で
ブラウザの画面が映す表示を
モニターしている部分です。
【*以下ここを“モニター欄”とします】

この文章の右に並んでいる状態が
『サンプルをコピーしただけ』の状態です。


さて、ではまず右の“HT覧”の
青文字について説明します。
最初の<…bgcolor="#cccccc">は、
このInformationの背景色の指定です。
#ccccccというの今御覧の
“モニター覧”の様な薄い灰色の指定番号です。
指定できる色は他にも色々あります。
その一部ですが知りたい方は [参考色]
クリックして下さい。

その次の青文字
<font size="6" color="orange"><i>
〜Information〜</i></font>は
“モニター覧”にオレンジ色で書かれている
〜Information〜
文字のサイズと色の指定部分です。
<…size="6"…>の6がこの文字のサイズ指定。
文字のサイズは最小1〜最大7までの7段階あります。

またここでは色の指定は<… color="orange">の様に
文字でも可能ですが、その場合は
指定できる色数があらかじめ決められています。
(文字による色指定の種類の説明はここでは省略ささて頂きます。
専門書などを参考にして下さい)

もちろん先の指定法での色指定も可能です。 [参考色]


それと青文字にはなっていませんが
“HT欄”の〜Information〜の文字の
前後にある<i>…</i>は
その間にある文字を
『斜体文字』にする事ができるタグです。

そして<font size="3" color="#666666">は
その下に書きこまれる、貴方のコメントの
文字のサイズ&色指定をしている場所です。

ちなみにこれがこの指定で
書きこまれた文字のサイズ&色です。




<TH bgcolor="#cccccc" width="250"
height="*" valign="top" align="left">
<font size="4" color="navy">
ABC
</font><BR>
<font size="2" color="#666666">
作品へのコメント・梗概…


</TH>
ABC
作品へのコメント・梗概…
このサンプル“INDEX-05”には他のサンプルと違い
INDEXにも作者のコメントが書き込める様になっています。
本来はこの“モニター欄”の右には
作品の縮小サイズのトビラ画か
イラストがあるレイアウトになっています。
従って本来は、画とのバランスを考えた
文章の長さや文字サイズを設定します。


さて、最初の
<TH bgcolor="#cccccc" width="250"
height="*" valign="top" align="left">
この2行は“モニター欄”全体の
背景色 <…bgcolor="#cccccc"…>
灰色部分の横幅設定<… width="250"…>等の
設定場所です。


その下の <font size="4" color="navy">
ABC
</font>という部分は
“モニター欄”の作品タイトル文字(ここでは“ABC”)の
サイズおよび色の指定個所です。
4がサイズ指定。navyはネービーブルーの色指定です。
(“モニター欄”のABCの文字がこの指定状態です)


更にその下の <font size="2" color="#666666">
は、『作品へのコメント・梗概…』の書きこみ文字の
サイズ&色の指定個所です。

実際にコメントを書きこむ時には
『作品へのコメント・梗概…』の文字は
削除してください。



Step11.9へ…

なお各ステップにおいて解らない点がありましたら
ここをクリックして
“まんが浪人の掲示板”

に質問を書き込んで置いてください。

*回答はも“まんが浪人の掲示板”にて発表いたします。
ただし、解る範囲でしかお答えできませんので、
その点は理解していただき、ご容赦ください。
また回答には数日〜十数日以上かかる場合があります。

Step0.1(INDEX)に戻る