サンプルソース
サンプル1のソース
<HTML>
<HEAD>
<TITLE>iModeSS</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-sjis">
<LINK REL="stylesheet" TYPE="TEXT/CSS" HREF="imode.css"> −注1
</HEAD>
<BODY> −注2
iModeSSの表示テスト1<BR>
<HR>
Aタグ
<HR WIDTH="50%" ALIGN="left">
<A HREF="samp2.htm">ここをクリック</A>
<HR>
BLOCKQUOTEタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<BLOCKQUOTE>
引用文初め<BR>
引用文は上下左右に一文字分の空きができる。<BR>
引用文終り
</BLOCKQUOTE>
「ここは通常の文章。」

<HR>
DL,DT,DDタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<DL>
<DT>定義リストの項目
<DD>定義リストの項目の説明
</DL>
「ここは通常の文章。」

<HR>
OL,LI,ULタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<OL>
<LI>順序付きリスト項目1
<LI>順序付きリスト項目2
</OL>
「ここは通常の文章。」
<UL>
<LI>順不同リスト項目1
<LI>順不同リスト項目2
</UL>
「ここは通常の文章。」

<HR>
Formタグ
<HR WIDTH="50%" ALIGN="left">
ユーザIDを入力してください<BR>
<FORM ACTION="" METHOD="post">
<INPUT TYPE="text" NAME="test" VALUE="初期値です" SIZE="12" MAXLENGTH="255"><BR>
<INPUT TYPE = "SUBMIT" VALUE = "決定"><BR>
<INPUT TYPE = "RESET" VALUE = "クリア">
</FORM>

<HR>
PREタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<PRE>
 整形 済み 文章
  整形 済み 文章
</PRE>
「ここは通常の文章。」

<HR>
DIR,LIタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<DIR>
<LI>ディレクトリリスト項目1
<LI>ディレクトリリスト項目2
<LI>ディレクトリリスト項目3
</DIR>
「ここは通常の文章。」

</BODY>
</HTML>

サンプル2のソース
<HTML>
<HEAD>
<TITLE>iModeSS</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-sjis">
<LINK REL="stylesheet" TYPE="TEXT/CSS" HREF="imode.css"> −注1
</HEAD>
<BODY> −注2
iModeSSの表示テスト2
<HR>
Hnタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<H1>H1の文</H1>
<H2>H2の文</H2>
<H3>H3の文</H3>
<H4>H4の文</H4>
<H5>H5の文</H5>
<H6>H6の文</H6>
「ここは通常の文章。」

<HR>
Menuタグ
<HR WIDTH="50%" ALIGN="left">
「ここは通常の文章。」
<MENU>
<LI>メニューリストの項目1
<LI>メニューリストの項目2
<LI>メニューリストの項目3
</MENU>
「ここは通常の文章。」

</BODY>
</HTML>

注1
この一行でiModeSS(imode.css)を呼び出しています。
よって、「通常のブラウザで表示」の時は、この一行は削除されています。

注2
「通常のブラウザで表示」の場合、背景の色をiModeSSで表示した場合と合わせるために<BODY>タグを
<BODY TEXT="#000000" BGCOLOR="#DDDDDD">
としています。
本来、iModeでは、色の指定はできないのでこのような記述は良くないのですが、サンプルとしてご理解下さい。


川原 千種