HTML入門 2024年度後期(1年)

今日、やったこと 文字の色、サイズ等を変える 今日のホワイトボード 文字の色、サイズ等を変える タグのstyle属性で見た目の指定ができる。 図　style属性の使い方 変更範囲がタグで挟まれていない場合は、<span></span>を使って範囲を指定する。 <span>タグは範囲を作るためのタグで見た目には影響がない。 練習問題 正解例をあげておきます。 タグのネスト <span></span>のなかにさらに<span></span>とネスト構造にすることも可。 この場合は、一番内側の<span></span>同士がペアになり、その外側がペアになり、・・とペアリングされる。 図　タグのネスト 次回は 見た目のつづき。 

今日、やったこと [練習問題]フォーム 今日のホワイトボード タグのname属性とvalue属性 フォームで利用する<input>タグや<select>タグ、<option>タグにはname属性とvalue属性がある。 type=submitのボタンがクリックされると、<input>タグや<select>タグで入力、選択された内容がサーバーに送信される。このとき 　 name属性値=value属性値 とname属性とvalue属性がペアで送信される。 図　name属性とvalue属性 上図の場合、サーバーに送信されるのはvalue属性の"akita"。表示されている”秋田犬”がサーバーに送信されるわけではない。 [練習問題]フォーム 正解例をあげておきます。 次回は Webページの見た目の変更をやります。  

今日、やったこと フォーム 今日のホワイトボード フォーム フォームはWebブラウザにてサーバーに送信するためのデータを入力・選択する画面。 フォームを作るには <form></form>内に入力・選択するための部品を配置(<input>タグとか） <form>タグのmethod属性にサーバーに送信する際のHTTPのコマンドを指定(たいていPOST) <form>タグのaction属性にリクエストを受け付けるサーバーのURLを指定 をすればOK。  図　フォームを作る フォームのサンプル 以下のフォームを作成。 図　作成したフォーム HTMLは以下のとおり。 送信ボタンをクリックすると、サーバーから下図のようなレスポンスが返ってくる。 図　送信ボタンクリック後に表示される画面 この画面はリクエストを受けたサーバーがクライアントから送信されたデータを使って作った画面。 送信ボタンをクリックすると <form>タグのaction属性に指定したURLにmethod属性で指定したHTTPのメソッドでリクエスト送信。 このとき、<form></form>内の<input>タグや<select>タグで入力、選択された値(value属性値)がname属性とともに送信される。 図　送信ボタンをクリックすると 授業中にくどくど言いましたが、作成したHTMLはフォーム画面を表...