■ ＨＴＭＬとはＨＴＭＬはHyperTextMarkupLanguageの頭文字です。ページの先頭へ戻る
ＨＴＭＬはホームページを記述するために用います。
いろいろ機能豊かでビジュアリティに富んだホームページを作成するには
それなりに沢山のＨＴＭＬタグを用いなければなりませんが
ビジネス目的の表現だけであれば、使用するＨＴＭＬタグも限定されます。
このコーナーでは、ＡＳ４００のi-webＲＰＧを用いて、Webページを作成するのに
必要なＨＴＭＬタグだけを解説します。
■ ＨＴＭＬの構成ＨＴＭＬを記述する場合、最初のお決まりは、次に示す構成です。ページの先頭へ戻る
<html> どんなＨＴＭＬでも必ずこの構成は変わりません。このまま覚えてください。
<head>
<title>ｘｘｘｘ</title>←これは任意ですが、あった方が良いです
<script>
<!--
｜ここにJavascript文が入ります
//-->
</script> </head>
<body>
｜ここにＨＴＭＬ本体は入ります
</body>
</html>
■ ＨＴＭＬで使う文字ＨＴＭＬを記述する時は、大文字でも小文字でも構いません。ページの先頭へ戻る
ただし、ＨＴＭＬの中にJavascriptを用いる場合（大体は用います）は、
大文字と小文字は識別されます。
英語の小文字を５２５０で入力する場合、ＰＣ５２５０の設定の変更が
必要になります。
セッションのコードページを９３９に設定して下さい。
（普通は９３０になっています。）
ＰＣ５２５０のコードページをＡＳ４００のCCSIDの関係は次の通りです。
なお、９３９に設定されたＰＣ５２５０でも、ｃｔｌ+Ｆ３で９３０に切り替えできます。
PC5250 AS400 930 ←→ 5026 939 ←→ 5035
■ 最低限のＨＴＭＬおそらく、次のタグを覚えれば殆ど多くのWeb画面はページの先頭へ戻る
これらのタグを使用して作成する事が出来るでしょう。
<form> 次の画面を指定します <input> 入力項目を定義します <table>,<tr>,<td> テーブル形式の表示を定義します <center> 中央寄せを指定します <font> 文字の大きさ、色を指定します <button> ボタンを定義します
■ タグの形式ＨＴＭＬはいくつものタグを使って記述します。ページの先頭へ戻る
普通のタグは、開始タグと終了タグの対になっています。
＜例＞ <form>〜</form>
終了タグを省略しても良いものもあります。
＜例＞ <td>〜</td>，<td>〜 ←どちらでも良い
終了タグがないタグもあります。
＜例＞ <input>
タグの中に、いろいろな属性を指定します。
＜例＞ <form method="get" action="PG010.PGM">
この例では、method属性とaction属性が指定されています。
■ ＜ｆｏｒｍ＞タグ入力フォームを表示します。<form>〜</form>がひとつのフォームとなります。ページの先頭へ戻る
フォームの中には<input>、<select>、<textarea>などのフォーム部品を配置します。
フォームは通常ひとつのサブミット（実行）ボタンを持ちます。
各入力部品に値を入力した後サブミットボタンを押すと、method属性で指定した転送方法で、
actionで指定したアクションを呼び出します。
アクションには通常CGIのURLを指定します。
よく使う属性 method i-webＲＰＧでは、常にgetを指定して下さい action 次に呼び出すプログラムを指定します name formに名前を付けます。必ず名前は付けてください
■ ＜ｉｎｐｕｔ＞タグ実行ボタンなどの各フォーム部品を表示します。TYPE属性の値によって、ページの先頭へ戻る
まったく見栄えや動作の異なる部品となります。
・テキスト入力フィールド（TYPE=text）
通常のテキストを入力する、最も一般的なフィールドです。
・隠しフィールド（TYPE=hidden）
画面上には表示されません。
このタイプはCGIプログラムでWebシステムをシステムを構築するには必須です。
前のプログラムの変数値を次のプログラム（action属性で指定したプログラム）
に渡すにはこの隠しフィールドを使用するのが一般的です。
・実行ボタン（TYPE=submit）
このボタンを押すと、<FORM>タグのACTION属性で指定した
アクションが呼び出されます。
殆ど、この３つのｔｙｐｅでプログラムを作成できます。
この他に、
・パスワード入力フィールド（TYPE=password）
・ファイル名入力フィールド（TYPE=file）
・チェックボックス（TYPE=checkbox）
・ラジオボタン（TYPE=radio）
・取消ボタン（TYPE=reset）
・汎用ボタン（TYPE=button）
・画像ボタン（TYPE=image）
があります。
■ ＜ｉｎｐｕｔ＞タグ―ｔｙｐｅ=ｔｅｘｔページの先頭へ戻る
よく使う属性 name 入力フィールドの名前を定義します。 size 画面上の入力用BOXの大きさを指定します。 value 入力フィールドの初期値を指定します。
■ ＜ｉｎｐｕｔ＞タグ―ｔｙｐｅ=ｈｉｄｄｅｎページの先頭へ戻る
よく使う属性 name 入力フィールドの名前を定義します。 value 入力フィールドの初期値を指定します。
■ ＜ｉｎｐｕｔ＞タグ―ｔｙｐｅ=ｓｕｂｍｉｔページの先頭へ戻る
よく使う属性 name 入力フィールドの名前を定義します。 value 入力フィールドの初期値を指定します。
■ページの先頭へ戻る