aタグの使い方、アンケートフォームの作り方

HTML＆CSS（初級編）での学び＃２ URLを文章に付随する方法 アンケートフォームの作り方

URLを文章に付随する方法

　例えば、お店の情報を別のページに作ってそれを参照したい時や、外部サイトに移動させたい時。そんな時に便利なのが、テキストにURL情報を付随する方法です。文面にはURLは表示されませんがそのテキストをクリックするとそのURL先へ移動できるようになります。

テキストにURLの情報を付随する方法について

インライン要素と呼ばれる<"a">を使用しましょう。 URL情報を付随するには <"a href ="URL" ">「テキスト」<"/a"> このように、URLをつけたaタグをテキストの前後に持ってくると良いです。

アンケートフォームの作り方

　次は、アンケートフォームの作り方についてです。 様々な要素が必要なため、実際の画像を見た方がわかりやすいでしょう。

実際に作ったHTMLがこちら

　今回は、メールアドレス・ログイン・コメント・性別・年代・送信ボタン　の６つの要素を含んだアンケートフォームを作成しました。メールアドレスとログイン、コメントは記述式、性別と年代は選択式にしたりとそれぞれの用途に応じて作りわける必要があります。また、最後に送信ボタンをつけ忘れないように注意する必要があります。