読者です 読者をやめる 読者になる 読者になる

HTMLの基本タグのまとめ

JSPサーブレットを勉強中にHTMLを少し勉強した。HTMLってたまに勉強すると、懐かしい感じがします。また勉強し直す時のために覚書です。参考本には秀和システムから出ている「第5版JSPサーブレットプログラミング」を使いました。この本Eclipse3.5 Galileoに対応していて、環境もDisc2枚で用意されています。結構いいです。以下にWeb上に公開されているJSPプログラムと連結されたHTMLフォームを残しておきます。

<HTML>
<HEAD>
<TITLE>HTMLサンプル</TITLE>
</HEAD>
<BODY>
   <H1>基本タグ</H1>
   <H2>これは基本的なHTMLタグのテストです。</H2>
   <P>
      これでサイズの違う2つの章が表示されるはずです。
   </P>
   <H1>ハイパーリンクのサンプル</H1>
   <a href="http://www.rakus.co.jp">ラクスへのリンク</a>

   <H1>テーブルサンプル</H1>
   <TABLE border=1>
   <TR>
      <TH>言語名</TH><TH>ヨミガナ</TH>
   </TR>
   <TR>
      <TD>Java</TD><TD>ジャバ</TD>
   </TR>
   <TR>
      <TD>Perl</TD><TD>パール</TD>
   </TR>
   <TR>
      <TD>Ruby</TD><TD>ルビ−</TD>
   </TR>
   </TABLE>

   <H1>テーブル連結のサンプル1</H1>
   <TABLE border=1>
   <TR>
      <TD colspan=2>2つの項目を連結</TD>
   </TR>
   <TR>
      <TD>1</TD><TD>2</TD>
   </TR>
   </TABLE>

   <H1>テーブル連結のサンプル2</H1>
   <TABLE border=1>
   <TR>
      <TD rowspan=2>2つの項目を連結</TD>
      <TD>1</TD>
   </TR>
   <TR>
      <TD>2</TD>
   </TR>
   </TABLE>

   <H1>シンプルフォーム</H1>
   <FORM action="http://www.stackasterisk.jp/tech/jspBook/formTest.jsp" method="get">
   <INPUT type="text" name="yourname">
   <INPUT type="submit" value="送信">
   <INPUT type="reset" value="キャンセル">
   </FORM>

   <H1>ハイパーリンクで送信</H1><BR/>
   どちらを選びますか?<BR/>
   <A href="http://www.stackasterisk.jp/tech/jspBook/hyperLinkTest5.jsp?color=gold">
   金の斧</A><BR/>
   <A href="http://www.stackasterisk.jp/tech/jspBook/hyperLinkTest5.jsp?color=silver">
   銀の斧</A><BR/>

   <HR size="4">
   <DIV align="center">
      <FONT size="5"><B>個人情報を入力してください。</B></FONT>
      <HR size="4">

      <FORM action="http://www.stackasterisk.jp/tech/jspBook//exam5_1.jsp">
         名前(テキストボックス)<BR/>
         <INPUT type="text" name="name"><BR/>
         住所(テキストボックス)<BR/>
         <INPUT type="text" name="address"><BR/>
         電話番号<BR/><BR/>
         <INPUT type="passwd" name="password"><BR/>
         性別(ラジオボタン)<BR/>
         <INPUT type="radio" name="sex" value="男" checked>男<BR/>
         <INPUT type="radio" name="sex" value="女">女<BR/>

         <HR size="4">
         <BR/>
         好きな場所(チェックボックス 複数可)<BR/>
         <INPUT type="checkbox" name="favoritearea" value="キタ">キタ
         <INPUT type="checkbox" name="facoritearea" value="ミナミ">ミナミ
         <INPUT type="checkbox" name="favoritearea" value="新世界">新世界
         <BR/>

         具体的には?(プルダウンメニュー)<BR/>
         <SELECT name="favoritearea2">
         <OPTION value="天王寺">天王寺
         <OPTION value="東京タワー">東京タワー
         <OPTION value="渋谷">渋谷
         </SELECT>

         <HR size="4">
         その他自由にどう(テキストエリア)</BR>
         <TEXTAREA name="free" cols="40" row="10">
         自己紹介、趣味等について
         </TEXTAREA>

         <HR size=4>
         <INPUT type="submit" value="送信">
         <INPUT type="reset" value="クリア">
      </FORM>
   </DIV>
</BODY>
</HTML>