ウィンドウの特定の場所に,別のホームページを埋め込んで表示させることができます.
他に設定できる属性は次のようなものがあります.
name | この属性でフレームに名前を設定でき,ハイパーリンクの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" | ロードするまでの時間(秒)とファイルの場所(これを省略した場合は同じファイルが呼び出される:リロード) |