農業情報処理 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のソース(解説付き)



html演習のページへ

農業情報処理学習支援サイトはこちらから