2月19日(水)1コマ目

今日、やったこと

[確認テスト　解説]HTML確認テスト

今日のホワイトボード

[確認テスト　解説]HTML確認テスト

問１

HTMLファイルにてstyle.cssを読み込むには<link>タグを使う。

問２

画像ファイルを表示するには<img>タグを利用。表示ファイルはsrc属性で指定。

図　問1、問2

問３

セレクタでIDを指定するには　#ID名　。

問４

セレクタでタグを指定するには　タグ名 。

問５

セレクタで　p を指定すると全<p>タグが対象になる。

ここで対象にしたいのはid=item3のなかにある<p>。

xxxのなかのxxのセレクタはスペース区切りで xxx xx。

図　問3～問5

問６

id=item1、id=item2、id=item3の<div>タグにはitemクラスも指定。

itemクラスはid=item1、id=item2、id=item3の<div>タグのみ設定。

itemクラスを対象に設定すればOK。

問７

ダメな問題でした。すいません。ノーカウントです。

問８

問５の設定が使われるため、15ptで表示される。

図　問6、問8

問９

枠線はborderで設定。

問１０

枠線の外側に余白がある。枠線外の余白は　margin　で設定。

図　問9～問10

問１１

id=item1の<div>タグとid=item2の<div>タグを横並びにする。

①HTMLファイル編集

これらの<div>タグを囲む<div>タグを追加。

②style.cssファイル編集

①で追加した<div>タグに　display:flex; を設定。

図　問11

問１２

枠線の内側に余白が設定されている。枠線内の余白は　padding　で設定。

問１３

正解を×にしていたと思います。ので、ノーカウント。たびたびすいません。

図　問12、問13

問１４

下側だけ枠線が追加されている。下側だけの枠線は　border-bottom　で設定。

図　問14

再試験について

掲示したスケジュールで実施します。