農業情報処理 html演習のサンプルページ
下のリンクをクリックすると、それぞれのサンプルページに飛びます。
このページに戻る時は、ブラウザの戻るボタンをクリックして下さい!
サンプル1・・・・・・・・・・真っ白なページです。でも、タイトルバーにファイルのタイトルが入っています。 サンプル1のソース(解説付き)
サンプル2・・・・・・・・・・<body>~</body>の間に文字を入れました。 サンプル2のソース(解説付き)
サンプル3・・・・・・・・・・文字の色と背景を指定しました。 サンプル3のソース(解説付き)
サンプル3-2・・・・・・文字の色を変えてみました。 サンプル3-2のソース(解説付き)
サンプル4・・・・・・・・・・タイトルをセンタリングして配置しました。 サンプル4のソース(解説付き)
サンプル4-2・・・・・・タイトルを左寄せ、中央揃え(センタリング)、右寄せにしました。 サンプル4-2のソース(解説付き)
サンプル4-3・・・・・・タイトルの文字の大きさと色を変えています。 サンプル4-3のソース(解説付き)
サンプル4-4・・・・・・文字を飾りましょう。左が見え消し、右は下線を引きました。 サンプル4-4のソース(解説付き)
サンプル4-5・・・・・・左寄せしたタイトルの上下に区切り線を入れました。 サンプル4-5のソース(解説付き)
サンプル5・・・・・・・・・・高さのある横罫線を中央揃いにして挿入しました。 サンプル5のソース(解説付き)
サンプル5-2・・・・・・サイズの異なる横罫線をもう1本中央揃いで挿入しました。 サンプル5-2のソース(解説付き)
サンプル6・・・・・・・・・・・5-2で挿入した横罫線を陰付きに変更し、写真を挿入しました。 サンプル6のソース(解説付き)
サンプル6-2・・・・・・写真をセンタリングしました。 サンプル6-2のソース(解説付き)
サンプル7・・・・・・・・・・・インデックスへのリンクを作りました。 サンプル7のソース(解説付き)
サンプル7-2・・・・・・・インデックスへのリンクを中央揃えにしました。 サンプル7-2のソース(解説付き)