締切済み

HTMLについての質問（フレーム等）

2007/11/14 17:20

HTMLについての質問をさせていただくのですが、自分で勉強して試したのですが文字の羅列だけになりできませんでしたので、よろしければコードをそのまま教えていただけるとわかりやすいです！１つめは1つの画面に２つの仕切りがあり、ひだり側のリンクをクリックすると右側にリンクが表示されるようにしたいのですがどうすればよいでしょう？たとえばこの２つのリンクを左側のリンク先にしたい場合です。 http://www.boingboing.net http://www.we-make-money-not-art.com/ 2つ目はインプットについてです。・10文字制限のテキストスペースの作り方。・好きな食べ物４つをたずねるラジオボタン式の作り方。（ピザをデフォルトにしたい場合はどうすればよいですか？）・コメントを入力するボックスの作り方。 3つ目はスタイルシートです。・文章をｈ３の大きさで背景が青色の文章の作り方。（<h3></h3>は知っています）・2行ある文章を緑色のボーダーを持たせるようする仕方。（説明しにくいです・・）・画像を上から２００pix、右から１００pixに配置する仕方。質問が多くて恐れ入ります。3つある質問をそれぞれ１つのページとしてソースのコードを教えていただけるととても助かります！回答を切にお待ちしております＞＜

yuki-ayano-spitz
お礼率10% (18/176)

HTML
回答数4
ありがとう数3

みんなの回答 （4）
専門家の回答

みんなの回答

Night-cafe
ベストアンサー率49% (155/316)

2007/11/17 14:01 回答No.4

とりあえず、質問者様が出した参考サイトはどちらもテーブルは使用しておりません。恐らく、PHPプログラムでしょう。一番簡単な例だとblogかな。あと、フレームの分割ですがフレームを表示するためのページを一つ用意しなくてはいけません。リンクは、フレームにname属性を付けてtarget属性で変更したいフレームを指定する必要があります。ファイル名：index.html　（フレームを表示するページ） <HTML> <HEAD> <TITLE> [左右分割フレームの基本型] </TITLE> </HEAD> <FRAMESET COLS="30%,70%"> <FRAME SRC="hidari.html" name="hidari"> <FRAME SRC="migi.html" name="migi"> </FRAMESET> </HTML> ファイル名：hidari.html　（フレームの左側のページ）リンクでフレームの右側だけ変更　<a href="" target="migi">migi</a> リンクでフレームの左側だけ変更　<a href="" target="hidari">migi</a> フレームを解除して全部　<a href="" target="_top">全部</a> ファイル名：migi.html　（フレームの右側のページ）

noname#56851

2007/11/14 19:54 回答No.3

サンプルのサイトは二つともフレームを使っていません。本文以外の部分を必要枚数コピーし（その前にちゃんとリンクを張っておく）、その後本文部分を書き込んで作れば楽です。

asianote
ベストアンサー率40% (2/5)

2007/11/14 18:21 回答No.2

参考までに。 ■フレーム http://www.tagindex.com/html_tag/frame/frame.html ■文字制限 http://www.tagindex.com/html_tag/form/input_text.html ■ラジオボタン http://www.tagindex.com/html_tag/form/input_radio.html ■h3に色を書き方は様々ありますが、例えば cssを .test{bgcolor:#青;}　として <h3 class="test">テキスト</h3> など。 ■テキストにボーダーこれもいろいろあるとは思いますが .underline {text-decoration: underline;} として <span class="underline">テキスト<br>テキスト</span> ■画像配置これはケースによると思います。というか、使いどころが浮かばないのですがテーブル幅をうまく組んで、alignなどで配置したらいかがでしょうか。

質問者

補足 2007/11/15 09:38

ご丁寧にありがとうございます。そのページも参考にしたんですがわかりませんでした。下の回答者さんにも書いたのですが、画像配置についてですがとりあえず自由に画像を配置できるかということなので。。英語で質問しますとMake the image so it is positioned 200 pixels from the top and 100 pixels from the right # use this image です。僕が質問しました1つ目と3つ目の質問はさっぱりわかりません。。 2つ目のインプットの質問です。 <form method="post" action="CGIURI"> <p> telephone number：<input type="text" name="TEL" /> <input type="radio" name="favorite food" value="pizza" checked="checked" /> pizza　 <input type="radio" name="favorite food" value="sushi" /> sushi <input type="radio" name="favorite food" value="cat" /> cat <input type="radio" name="favorite food" value="dog" /> dog <textarea name="freeans" rows="4" cols="40">say what you wanna say</textarea> <input type="submit" value="submit" />　 <input type="reset" value="cancel" /> </p> </form> フレームで２分割ですが http://web.hosp.kanazawa-u.ac.jp/hp/h10/frame/kaisetsu.htmlを参考にして <HTML> <HEAD> <TITLE> [左右分割フレームの基本型] </TITLE> </HEAD> <FRAMESET COLS="30%,70%"> <FRAME SRC="hidari.html"> <FRAME SRC="migi.html"> </FRAMESET> </HTML> を使いたいんですがリンクをどうはるかわからないんです。 3つ目はもっとわかりやすく説明すると１）この文章を＜ｈ３＞サイズで青いバックグラウンドに変えてください。２）この文章を緑のボーダーにしてください。（Make this passage have a green border ３）この質問はそのままで画像を上から２００pix、右から１００pixに配置する仕方を教えてください。

pbforce
ベストアンサー率22% (379/1719)

2007/11/14 17:26 回答No.1

自分なりのソースを提示して、間違っているところを聞いた方が勉強になりますよ。

質問者

補足 2007/11/15 09:25

そうですね。恐れ入ります。コピペなので段落がありますが・・ 1つ目と3つ目はさっぱりわかりません。。 2つ目のインプットの質問です。 <form method="post" action="CGIURI"> <p> telephone number：<input type="text" name="TEL" /> <input type="radio" name="favorite food" value="pizza" checked="checked" /> pizza　 <input type="radio" name="favorite food" value="sushi" /> sushi <input type="radio" name="favorite food" value="cat" /> cat <input type="radio" name="favorite food" value="dog" /> dog <textarea name="freeans" rows="4" cols="40">say what you wanna say</textarea> <input type="submit" value="submit" />　 <input type="reset" value="cancel" /> </p> </form> フレームで２分割ですが http://web.hosp.kanazawa-u.ac.jp/hp/h10/frame/kaisetsu.htmlを参考にして <HTML> <HEAD> <TITLE> [左右分割フレームの基本型] </TITLE> </HEAD> <FRAMESET COLS="30%,70%"> <FRAME SRC="hidari.html"> <FRAME SRC="migi.html"> </FRAMESET> </HTML> を使いたいんですがリンクをどうはるかわからないんです。 3つ目はもっとわかりやすく説明すると１）この文章を＜ｈ３＞サイズで青いバックグラウンドに変えてください。２）この文章を緑のボーダーにしてください。（Make this passage have a green border ３）この質問はそのままで画像を上から２００pix、右から１００pixに配置する仕方を教えてください。