ウィンドウの特定の場所に,別のホームページを埋め込んで表示させることができます.
他に設定できる属性は次のようなものがあります.
| id | この属性でフレームに名前を設定でき,ハイパーリンクのtarget属性で指定できます. |
|---|---|
| width | フレームの幅をピクセル単位で指定 |
| height | フレームの高さをピクセル単位で指定 |
一つの画像に幾つかのリンクボタンを設定することができます.
| オプション | 値 | 座標 | 説明 |
|---|---|---|---|
| shape | "rect" | x1,y1(左上),x2,y2(右下) | 長方形のマップ領域を指定 |
| "circle" | x,y(中心),r(半径) | 円形のマップ領域を指定 | |
| "polygon" | x1,y1(頂点1),x2,y2(頂点2),... | 多角形のマップ領域を指定 | |
| "default" | なし | 指定領域以外をマップ領域と指定 | |
| coords | "座標,座標,..." | 領域の座標をピクセル数で指定 | |
| href | "url" | リンク先の指定 | |
| nohref | なし | リンクをしない指定 | |
| alt | "代わりの文字" | イメージの代わりの文字 | |
注意:座標は,画像の左上の端が(0,0)となり,右に向かってxの正の方向,下に向かってyの正の方向となります.
フォームとは,ホームページを見てくれた人に,ブラウザ上でアンケートやコメントを書き込んでもらえるホームページ上の部分で,その内容を作者に送ってもらうことができます.
ただし,この機能を実行するためには,ホームページのサーバー上にCGIプログラムという別の仕組みがサーバーの管理者によって用意されているか,それを自分で作成するかしなければなりません.
CGIプログラムの作成は,HTMLの範囲を超えるのでここでは説明しませんが,幾つかのCGIプログラムが用意されています.
次のタグの間に各フィールドやボタンを設定していきます.
設定できるオプションは,
| オプション | 値 | 説明 |
|---|---|---|
| action | "mailto:mail-address" | フォームの転送先の指定;メイルとして送信する ブラウザのメイル機能を用いるので,それが設定されている必要がある |
| "script-path/script-name" | フォームの転送先の指定;プログラムが実行される サーバー上のCGIプログラムを使用するので,それが使えることが前提 | |
| method | "post | get" | フォームの受渡方法の指定; get:一行のデータを送信 post:複数行のデータを送信 |
| enctype | "multipart/form-data" | フォームの転送時に項目ごとに改行される ファイルなど大量のデータを送信 |
フォームタグの間に,実際に入力してもらうための入力フィールドを用意します.
入力フィールドの種類と追加可能なオプションは次の通りです.
| 種類 | 説明 | 追加オプション | 追加オプションの値 | 説明 |
|---|---|---|---|---|
| text | 一行のテキスト入力フィールドの作成 | size | 数値 | フィールドの長さ(文字数) |
| maxlength | 数値 | 入力可能な最大文字数 | ||
| password | 伏せ字となるテキスト入力フィールドの作成 | value | 文字 | 予めフィールドに表示され,変更がなければサーバーへ送られる文字 |
| size | 数値 | フィールドの長さ(文字数) | ||
| mazlength | 数値 | 入力可能な最大文字数 | ||
| checkbox | チェックボックスの作成 | value | 文字列 | サーバーへ送られる文字列 |
| chcked | なし | 予め選択された状態にする | ||
| radio | ラジオボタンの作成 | value | 文字列 | サーバーへ送られる文字列 |
| chcked | なし | 予め選択された状態にする | ||
| image | 画像をボタンとし,クリックした座標が送られる | src | "url" | 画像ファイル名 |
| hidden | 表示されないフィールドの作成 | value | 文字 | サーバーへ送られる文字 |
| file | ファイル名を入力するフィールドの作成 テキストファイルの内容が送られる | size | 数値 | フィールドの長さ(文字数) |
| maxlength | 数値 | 入力可能な最大文字数 | ||
| reset | 入力データのリセット | value | 文字 | ボタンに表示される文字の指定 |
| submit | 入力データの送信 | value | 文字 | ボタンに表示される文字の指定 |
それぞれの種類の入力フィールドは,次のようになります.
| 種類 | 書式例 |
|---|---|
| 表示例 | |
| text: | <input type="text" name="text-box" size="20" maxlength="100"> |
| password: | <input type="password" name="passwd-box" value="passwd" size="15" maxlength="100"> |
| checkbox: | <input type="checkbox" name="check-box" value="good" checked>good(checked)<BR> <input type="checkbox" name="check-box" value="bad">bad |
| radio: | <input type="radio" name="radio-button" value="first" checked>first(checked)<BR> <input type="radio" name="radio-button" value="second">second<BR> <input type="radio" name="radio-button" value="third">third |
| image: | <input type="image" name="image-button" src="button-image.gif"> |
| hidden: | <input type="hidden" name="hidden-data" value="hidden-value"> |
| file: | <input type="file" name="file-name" size="20" maxlength="100"> |
| reset: | <input type="reset" value="reset"> |
| submit: | <input type="submit" name="alpha" value="submit to alpha"> <input type="submit" name="beta" value="submit to beta"> |
| オプション | 値 | 説明 |
|---|---|---|
| name | 半角文字列 | 転送時のフィールドの名前 |
| rows | 数値 | 領域の行数 |
| cols | 数値 | 領域の横幅 |
| コマンド | オプション | 値 | 説明 |
|---|---|---|---|
| select | name | 半角文字列 | 転送時のフィールド名 |
| size | 数値 | ボックスの長さ | |
| multiple | なし | 複数項目の指定を許可 | |
| option | value | 数値 または 半角アルファベット | 選択肢への数値か英字の割当 |
| selected | なし | 予め選択された状態になる |
ページに対する様々な付加的情報の記述に用います.
<HEAD> ~ </HEAD> の間に置き,HTMLファイルに関する追加情報を記述します.
| オプション | 値 | 説明 |
|---|---|---|
| name | author | ページの制作者 |
| copyright | コピーライト | |
| reply-to | 連絡先 | |
| content-language | 記述言語 | |
| build | 制作年月日 | |
| expires | 有効期限 | |
| keyword | ページのキーワード | |
| description | ページの説明文 | |
| content | 文字列 | 上記のそれぞれに対する具体的な内容 |
| lang | ja | en | fr | de | zh ... | contentの値の言語 |
ロボット型の検索エンジンに対する制御法を設定します.
制御法については以下のものが指定できます.
| contentの値 | 説明 |
|---|---|
| index | ページのインデックス化を許可 |
| noindex | ページのインデックス化を禁止 |
| follow | リンクを辿ることを許可 |
| nofollow | リンクを辿ることを禁止 |
| all | 全てを許可 |
| none | 全てを禁止 |
このタグを使うときは,HTMLファイルの先頭に置き,<html>や<head>などの構造タグを省略します.
| オプション | 値 | 説明 | 例 |
|---|---|---|---|
| http-equiv | "refresh" | 自動的に別のファイルをロード | ここをクリック |
| content | "seconds;url=url" | ロードするまでの時間(秒)とファイルの場所(これを省略した場合は同じファイルが呼び出される:リロード) |