トップ > インターネット > ホームページ作成・素材 > HTMLの基礎−タグを覚えてウェブページを作ろう!−

ホームページはHTMLタグの知識とテキストエディタさえあれば作成できます。またタグを理解していればサイトの細かい部分まで手が届きます。でも、わからない・・そんな方にお送りする初心者向けのHTMLタグ講座「HTMLの基礎」。

RSS


メルマガの登録・解除

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。



HTMLの基礎 Vol.37 パラメータ・検索語入力欄(param・isindex)

発行日:3/11

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

    HTMLの基礎 −タグを覚えてウェブページを作ろう!−

      2005/03/11(Fri) Vol.37       執筆:ykr
              http://ykr.main.jp/html/index.html

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.パラメータを指定 <param>

   2.検索語入力欄 <isindex>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   


  寒くなったり暖かくなったりよくわからない気候ですが、どうも花粉が
  すごいようですね。私自身はすこしくしゃみが出たりする程度なのです
  が、花粉症の方は本格的に症状が出始めたようです。

  さて、今回学習するタグは<param>と<isindex>です。<isindex>はあまり
  使用されていませんし非推奨ですので、こんなタグもある位に思ってお
  いて下さい。

  それでは今回も最後までお付き合い宜しくお願いいたします。


  ※注意  HTMLのバージョンは4.01です。
       発刊時点で非推奨とされてるものも掲載しています。
       表示確認しているブラウザは、WinIE6、WinNN7、MacIE5.2
       MacNN7です。その他のブラウザでの表示は未確認ですので
       意図したとおりにならないことがあります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


1.パラメータを指定 <param>


  <object>や<applet>などのオブジェクトの実行時に、必要に応じて与える
  パラメータの値を指定します。<param>のname属性にパラメータ名を指定、
  value属性にそのパラメータの値を指定します。

  言葉ではイメージしにくいので、実際に使用例を見てみることにします。


----------------------------------------------------------------------


 ■<applet code="Textsign_15.class" width="600" height="100">
  <param name="fname" value="Times New Roman">
  <param name="fstyle" value="italic">
  </applet>


  上記のように<applet></applet>(又は<object></object>)の間に
  <param>でパラメータ値を指定します。この例では「JAVAの世界へ(
  Hiroyuki Machida氏)http://homepage3.nifty.com/rokk/index.htm
  のぺージからお借りしたJavaappletを使用したパラメータの使用例を掲
  載していますが、その他にもさまざまなパラメータがあります。

  このパラメータ値を指定することで、元のオブジェクトに<param>により
  指定された値に基づいたパラメータ(オプション情報)を追加する事が
  でき、実行結果を変化させることが可能です。また後にサンプルを作成
  して実行みることにしましょう。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


2.検索後入力欄 <isindex>

  <isindex>を記述すると、検索語入力欄が表示されます。入力欄に文字列
  を入力してEnterキーを押すと、action属性に指定したCGIなどのURLに
  「?(疑問符)」と「isindexに入力された文字列」が追加されたURL・・
  「http://アドレス/index.html?文字列」と実行されます。

  CGIなどを設置して、検索欄に入力された文字列(「?文字列」の「文字列」
  部分)に対応したページを表示します。ただのHTML文書にこのタグを記述
  しても何も起こりません。

  但しこのタグはあまり使用されていませんし、非推奨です。


----------------------------------------------------------------------


  ■<head>
   <isindex prompt="検索したい語を入力" action="kensaku.cgi">
   </head>


  上記のように<isindex>は<head>〜</head>間に記述します。
  上記のソースに記述された属性については下記のとおりです。

   ▼isindexの属性

    ・prompt ・・ここに記述した文字列は検索欄と共に表示されます。
    ・action ・・検索後を入力後、Enterキーを押した後に実行される
           ファイルのURLを記述します。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


  それでは、いつもと同じ手順でHTML文書を作成して表示を確かめて
  みましょう。面倒な方は前回の続きに上書きしても良いでしょう。


----------------------------------------------------------------------


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>パラメータ・検索語入力欄</title>
<isindex prompt="検索語入力欄表示例" action="呼び出すファイル名">
</head>

<body>
<h1>パラメータの指定・検索語入力欄</h1>
<h2>パラメータの指定</h2>
<hr>
■パラメータの指定なし<br>
<applet code="Textsign_15.class" width="600" height="100"></applet>
<hr>
■パラメータの指定あり<br>
<applet code="Textsign_15.class" width="600" height="100">
<param name="fname" value="Times New Roman">
<param name="fstyle" value="italic">
</applet>
<hr>

</body>
</html>


----------------------------------------------------------------------


  さて、記述できたらファイルを保存します。
  前回のファイルに追加したという方は、上書き保存か名前をつけて、新
  しく保存して下さい。拡張子は「.html」です。


----------------------------------------------------------------------


 ■<isindex prompt="検索語入力欄表示例" action="呼び出すファイル名">


  このタグを<head>〜</head>内に記述することにより、ページの上部に検
  索語入力欄を表示することができます。検索欄の横にはprompt属性の値
  に記述した文字列「検索語入力欄表示例」が表示されます。

  検索語入力欄に文字列を入力してEnterキーを押すことで、action属性に
  指定されたアドレスのファイルを呼び出します。このアドレスを呼び出
  す際に、

  「ファイルのアドレス?検索語入力欄に入力された文字列」

  といったように、アドレスに「?文字列」を追加した形式で実行されます。
  CGIなどを設置していると「?」以降の文字列に対応したページが表示され
  ます。スクリプトなどが何もない場合、何も起こりません。

  ※タグは非推奨であり、ほとんど使用されていません。


 ■■パラメータの指定なし<br>
   <applet code="Textsign_15.class" width="600" height="100"></applet>
   <hr>
  ■パラメータの指定あり<br>
   <applet code="Textsign_15.class" width="600" height="100">
   <param name="fname" value="Times New Roman">
   <param name="fstyle" value="italic">
   </applet>


  ここでは同じアプレットを利用して、パラメータを指定した場合と指定し
  ていない場合の2つを表示させています。見比べるとよくわかりますが、
  パラメータを指定したものは、フォントを「Times New Roman」に、フォ
  ントのスタイルを「斜体」にしています。

  以下のURLに上記のサンプルをそのまま掲載していますので、また確認し
  てみてください。なお、<isindex>のaction属性にはファイルを指定して
  いませんので、検索することはできません。

  http://ykr.main.jp/html/sam/sample.html


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


来週は・・・

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.文書を参照 <link>

   2.変数である事を示す <var>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

(予告なく変更する事があります)


■ 雑記 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


  今回も最後まで付き合ってくださった方、お疲れ様でした。

  リニューアル・・と思いつつ、殆ど手をつけていません。既存サイトに
  少し付け足す程度ならすぐにできるのですが、あれもこれも直している
  と結局一から作成するのと変わらないくらいの手間がかかってしまいま
  す。

  このメールマガジンでかなり詳しくタグの説明を行ってきたので、その
  内容から引用してタグの掲載数なども増やそうと思っています。性格に
  あわないのですが少しずつやるしかないですね。

  そろそろ紹介するHTML4.01のタグも残り少なくなってきたのではないで
  しょうか、何するか考えなくてはなりません。
  それでは、また次回も宜しくお願いいたします。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■■■「HTMLの基礎」姉妹サイトです。よろしくお願いします。■■■■

■■■「全部まるごとスタイルシート」
■   http://ykr414.com/css/index.html
■   スタイルシート辞典です。プロパティごと、または目的ごとに引
■   け、ブラウザの対応状況なども掲載しています。
■   HTMLに加える事で、より細かいレイアウトの指定が可能に。
■   コピーペーストするだけで利用できるテンプレートのページも。

■■■「コマンドプロンプトを使ってみよう!」
■   http://ykr414.com/dos/index.html
■   コマンドプロンプトとは何かから始まり、バッチファイルの作成
■   法や、コマンド別・目的別に引けるコマンド辞典。
■   初心者でもわかるよう細かく説明。

■■■「伸び縮みマークアップ言語 XML」
■   http://ykr414.com/xml/index.html
■   SGMLのサブセットであるXMLは、ネット上で扱うデータを
■   記述するためのデータフォーマットで、柔軟性のある言語構造を
■   持っており、プログラムで自在にデータを情報処理できます。そ
■   のXMLを実際に文書を作成しながら解説。随時追加更新。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


・makers     http://ykr414.net/makers/
         ダイエットグッズ、美味しいもの、かわいいもの
         セレクトショップ。ちょっと珍しいグッズ・便利な
         サービスなどの情報も掲載。
         コラムなどのコンテンツもあります。

・YKR GALLERY   http://ykr414.net/
         CG、また実際に描いた絵を紹介するギャラリー。
         趣味で運営の為かなり更新が遅め。


*――*――*――*――*――*――*――*――*――*――*――*――*――*――*
  Auther       ykr
  Mail         ykr414@yahoo.co.jp
  URL          http://ykr.main.jp/html/index.html
  Copyright    (C)2004 ykr414. All rights reserved.
  Attention    掲載記事の無断転載を禁じます
*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

最新の記事

ブックマークに登録する

TwitterでつぶやくLismeトピックスに追加するdel.icio.usに追加Buzzurlにブックマークニフティクリップに追加Yahoo!ブックマークに登録記事をEvernoteへクリップ
My Yahoo!に追加Add to Google

規約に同意してこのメルマガに登録/解除する

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。


この記事へのコメント

コメントを書く


上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。
コメントの投稿時は投稿者規約への同意が必要です。

  1. コメントはありません。

このメルマガもおすすめ

  1. @(あっと)驚く!エクセル好きルアップ  

    最終発行日:
    2011/05/26
    読者数:
    4068人

    エクセル(Excel)の基礎から裏ワザまで... D-UP発行のマガジンは、1問1答の形式、詳細な解説付きで配信。さらに連動した懸賞サービスもあり、スキルとプレゼントを同時にゲット。映画情報もあるよ

  2. これ知ってます?Wordの小ワザ&便利ワザ

    最終発行日:
    2011/05/26
    読者数:
    4682人

    D-UPが送る、ほほー!っと納得ワード(Word)の小ワザ&便利ワザをクイズ形式で楽しく学んでいきます。知ってて損することはありません。あなたの文章にアクセントをつけてみませんか?懸賞のチャンスもWでお得。

  3. 全部フリーソフト!!

    最終発行日:
    2014/02/26
    読者数:
    4881人

    ネット上にはこんなに便利なソフトがいっぱい。仕事にも、遊びにも、あると絶対にお得で楽しいソフトを1つずつご紹介します。

  4. 高橋浩子の日本一“お気楽”なパソコンマガジン

    最終発行日:
    2017/04/23
    読者数:
    1129人

    「クスッと笑えてタメになる」をモットーとするテクニカルライター高橋浩子が魂を込めてお届けする週刊メルマガ。パソコン講座を中心に、便利ネタやおすすめサイトもご紹介。とにもかくにも、“お気楽”に楽しめる異色のエンターテイメントマガジンである。

  5. C#プログラミングレッスン

    最終発行日:
    2017/03/04
    読者数:
    972人

    C#での .NETプログラミングを易しく丁寧に解説するメールマガジンです。「C#プログラミング・レッスン」で、.NETプログラミングをマスターしましょう。

発行者プロフィール

過去の発行記事