補足の演習１
今回は補足に関する演習です。
次の項目についておこないます。
目 次
リストについて
リストのタグを使ってつぎのような文章を書いてみました。
- 片道乗車券
ＪＲ線のみを使っての一直線の乗車券です。途中で乗車区間がきれたり、ＪＲ以外の鉄道線やバスが間に入ると片道乗車券にはなりません。 - 往復乗車券
片道乗車券の経路を、まったく同じ行程で折り返す乗車券です。有効期間は片道乗車券のちょうど2倍です。
また、往復乗車券のうち、ご利用区間の片道の営業キロが６０１キロ以上になる場合は、往復割引で「ゆき」「かえり」の運賃がそれぞれ１割引になります。 - 連続乗車券
２枚の片道乗車券で、１枚目の下車駅と、２枚目の乗車駅が同じで、往復乗車券でないものを「連続乗車券」といいます。
セルを連結したテーブルの作成
次は「セルを連結したテーブル」の演習として、上にキャプションつけて、個人の住所録を作ってみました。
列を各所で連結していますが、この表は３行５列の表です。
(註 空欄の氏名、住所等は各人のものを記入してみてください。)
| 名 前 | 井上 金光 | 生年月日 | 19xx.03.21 | |
| 住 所 | 東京都多摩市連光寺９９－９９－９９ | |||
| 電 話 | 042－3xx－xxxx | k-inoue@xxx.ne.jp | ||
div タグを使った画面全体幅の設定
今まで table を使って画面全体幅の設定をしてきましたが、div タグを使って同様な設定ができます。この方法は特に本文内に table が存在するとき、table の重複の煩雑さを回避できます。
この文書は div タグを使って全体幅を設定してみました。
文書内指定箇所へのリンク
文書内指定箇所へのリンクの演習として、このホームページ内にリンクを設定しました。
最初の目次欄の項目をクリックすると、それぞれの箇所にリンクします。
目次欄の字は設定したリンク色になっています。
画像表示の練習
与えられた原画は 橫 1200px 縦 900px です。
画像ソフトを使って、あらかじめこれを600px×450px に縮小したものを画像フォルダーにいれて、
それを呼び出し表示しました。
次にこの写真を、タグで 400px×300px に縮小して表示しました。
以上