HTML初級課題０５
制作カモンエギ
行揃え
練習012「行揃え」
テラパッドで新しくＨＴＭＬファイルとＣＳＳファイルを作って
行揃えの「text-align」タグの練習をしましょう。
h2に行揃え右、h3に行揃え中央、h4に行揃え左を。
ボーダーや色は自由です。
なるべく下のＨＴＭＬやＣＳＳを見ないで挑戦してみてね。
↓ＨＴＭＬ
↓ＣＳＳ
練習013「行揃えネコ画像」
練習012の行揃えは、テキストの替わりに画像でも出来ます。
下の３枚のネコ画像を右クリック保存して、入れ替えてみてください。
ＣＳＳは練習012のを流用します。
同じフォルダ内に作るならコピー＆ペーストする必要もありません。
下の私の作例ではタイトルとh1が「行揃え」になってますが、
「行揃えネコ画像」にでもしておいてください。
<
↓ＨＴＭＬ
練習014「課題総合ページその３」
●練習010「課題総合ページ」で作ったフォルダに、
今回作った練習012練習013のファイルをコピー＆ペーストする。
●リストに新たに「行揃え」と「行揃えネコ画像」を作ってリンクさせる。
こうやってリンクページを増やしていきましょう♪
