〜マンガの為のHTML入門〜

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

さて、ここまでコピーや簡単(?)な書き替え作業で
HP作成をサポートしてきた当サイトですが、
ここにきてとうとう、それでは解決できない問題にたどりついてしまいました。
それが「文章を書く」という作業です。
残念ながら貴方のHP上のInformation等に書き込むコメントを
ここで先に書いておく事はできませんからね。 そこで、
このStep11.0では文章を書きこむのに最低限必要な事だけを
ピックアップして説明させてもらいます。



この文章の下には、これまでのサンプル“INDEX-01〜05”のHTMLタグの一覧があります。
その中からご自分が選択されたサンプルの処まで画面をスクロールさせましょう。
そこには以前コピーしたタグには無かった薄い青色に覆われた部分があるはずです。
(*サンプル“INDEX-05”には“Information”以外にINDEXにもコメントを書きこむ個所があります)

この薄い青の部分が“Information”枠の設定およびコメント書き込みをする場所です。

更にその青枠の上と下に <TH></TH>というタグがある事を確認して下さい。
そして、貴方のINDEXタグの中からこの2つのタグに当たる<TH></TH>を探し出してください。
(*このタグは貴方のHTMLファイル上ではもちろん緑色をしていません。
また、<TH>と </TH> というタグはこの場所以外にもたくさんあるので
別の場所の物を選ばない様に注意しましょう。
探す際のポイントは、このページの画面では赤い文字で書かれている部分
これを手がかりにすると少しわかり易くなるかもしれません。)


それぞれの薄青枠の一番下の行には
*このサンプルを選んだ方は ここをクリックして下さい!
というコメントが付け加えられていますので、
必要なサンプルのそこをクリックして下さい。
それぞれに対応した説明ページにジャンプします。

サンプル“INDEX-03”

<html>
<head>
<!--タイトルバー-->
<title> 貴方のHPのタイトル </title></head>
<!--ページ全体の背景色-->
<body bgcolor="#cccccc">
<center>

<!--『表紙イラスト』のイメージファイル指定タグ-->
<BR>
<img src="index-img.jpg">
<BR><BR>

<!--テーブルの起点、およびテーブル全体の横幅のサイズ設定-->
<table width="550"><TR>
<!--テーブルの1列目(INDEX枠)の起点-->
<TH width="180" valign="top" bgcolor="#99cccc">
<font size="4" color="maroon"><br>
<i><B> “INDEX(目次)”</B></I></font>
<font size="3" Color="Blue">
<BR>
<BR>
<!--各作品へのリンク-->
作品『ABC』<BR>
<a href="abc01.htm"> P01</a><BR>
<a href="abc10.htm"> P10</a><BR>
<a href="abc20.htm"> P20</a><BR>
……<BR>
<BR><BR>
『桃太郎VS金太郎』<BR>
<a href="mvk01.htm"> P01</a><BR>
<a href="mvk10.htm"> P10</a><BR>
<a href="mvk20.htm"> P20</a><BR>
……<BR>
<BR>
<BR>
<!--イラストコーナーへのリンク-->
<a href="ill.htm">
<font color="red">
“イラストコーナー”へ…</a>
</font></font>
<br><br>
</TH>
<br><br>

<!--テーブルの2列目(Information枠)の起点-->
<TH valign="top" bgcolor="#ffffff">
<BR>
<font size="5" color="orange">
“Information”</font>
<BR><BR>

<!--コメントスペース-->



</TH></tr></table>

</font>

</center>
</body>

</html>

次のページへ…



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

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

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

Step0.1(INDEX)に戻る