〜マンガの為のHTML入門〜

Step10.4:INDEXページについて…。


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

<!--テーブルの起点、およびテーブル全体の横幅のサイズ設定-->
<table width="800" height="550"><TR>

<!--テーブルの１列目(INDEX枠)の起点-->
<TH bgcolor="#6699cc" width="150" valign="top">
<!--INDEXの文字のサイズ＆色指定-->
<BR>
<font size="4" color="maroon">
<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>


<!--テーブル2列目(『背景用表紙イラスト』のイメージファイル指定)設定-->
<TH background="index-back.jpg" valign="top">
<BR>
<!--HPタイトル文字-->
<font size="6" color="navy">
貴方のHPのタイトル
</font>
<BR><BR>
<!--Information文字のサイズ＆色指定-->
<font size="5 "color="orange">
“Information”</font><BR>

<!--コメント文字のサイズ＆色指定-->
<font size="3" color="#999999">
<BR><BR>
<!--コメントスペース-->





<BR>
</th></tr></table>
<BR>

</center>
</body>

</html>


*文字の色はコピーすると全て黒になりますので気にする必要はありません。




〜メモ帳にHTMLタグをコピーする〜


*右上の図の様なブラウザ画面が現れればコピーは成功です。（↑）
ただし、このスタイルの場合はInformationの背景イメージを挿入して、
それを画面上で確認するまでは最終的なコピー成功とはいえません。


〜HTMLとブラウザ画面の相関関係図〜





〜HTML解説図〜





これ以外のサンプルを御覧になりたい方は
サンプル“INDEX-05”へ…

このサンプルを利用するので次のStepへ進みたい方は
Step11.0へ…

なお各ステップにおいて解らない点がありましたら
ここをクリックして
“まんが浪人の掲示板”
に質問を書き込んで置いてください。

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

 Step0.1(INDEX)に戻る