【独学】はじめてのWebプログラミング – 3.5 練習問題

練習問題3-1

下図のような結果になるように、ulタグとliタグを使ってHTMLを作成して下さい。

ブラウザ

解答

練習問題3-2

下図のような結果になるように、tableタグを使ってHTMLを作成して下さい。

ブラウザ

解答

練習問題3-3

下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはdivタグ、CSSはborderとpaddingを使って下さい。
幅は100px、内側の余白は全て30px、線の色は黒、文字色は緑です。

ブラウザ

解答

練習問題3-4

下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはdivタグ、CSSはborderとpaddingを使って下さい。
幅は300px、高さは100px、線の色は黒、文字色は緑です。

ブラウザ

解答

練習問題3-5

下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはspanタグ、CSSはdisplayを使って下さい。
幅は300px、高さは100px、線の色は赤、文字色は黒です。外側の余白は、下側のみ10pxです。

ブラウザ

解答

練習問題3-6

下図のような結果になるように、HTMLとCSSを作成して下さい。
HTMLはdivタグ、CSSはfloatを使って下さい。
幅は200px、高さは100px、線の色は黒、塗りつぶしの色は青、文字色は白です。外側の余白は、右側のみ10pxです。中側の余白は20pxです。

ブラウザ

解答

本節は以上になります。

トップページ <<前のカリキュラムへ戻る 次のカリキュラムへ進む [Windows] [Mac] >>

タイトルとURLをコピーしました