ショートハンドについて
手順 HTMLとCSSを準備する。 HTMLに、divタグで適当な文字を書く。 CSSでdivタグの背景の色を赤に、5pxの実線で青の枠線を書く。 paddingで隙間を開ける。その際、値が1つ～4つの時の動きの違いに注意する。 回答例 作...
Archives
ボックスモデルを理解する
以下の図と同じように作る 手順 HTMLとCSSを準備する。 HTMLに、divタグで適当な文字を書く。 CSSでdivタグの背景の色を赤に、5pxの実線で青の枠線を書く。 CSSで、枠線の外に30pxの隙間を開ける。 CSSで、枠線と文字...
パスを理解する
以下のファイルをダウンロードして、各HTMLから画像を読み込む pathダウンロード 手順 path.zipをダウンロードする。 practice1～practice6の各フォルダの中に入っているHTMLに、同フォルダの中の画像を、imgタ...
タグの入れ子について
手順 適当なフォルダを用意します。 Visual Studio Codeにフォルダをドラッグアンドドロップします。 index.htmlを作成します。 !を書き、enterキーかtabキーでひな形を書きます divタグを書く divタグの中...
CSSを書いてみる
手順 HTMLとCSSを準備する。 HTMLに、h1タグとpタグで適当な文字を書く。 CSSでh1タグの文字の色を赤に、背景の色を青にする。 CSSで、pタグの文字の色を黄色に、背景の色を緑にする。 回答例 作成したコード <!DOCTYP...
CSSを読み込む
手順 適当なフォルダを用意します。 Visual Studio Codeにフォルダをドラッグアンドドロップします。 index.htmlを作成します。 ！を書き、enterキーかtabキーでひな形を書きます。 cssフォルダを作り、その中に...
色々なタグを書いてみる
手順 適当なフォルダを用意します。 Visual Studio Codeにフォルダをドラッグアンドドロップします。 index.htmlを作成します。 ！を書き、enterキーかtabキーでひな形を書きます。 h1～h6タグを書く pタグを...
HTMLを書いてみる
手順 適当なフォルダを用意します。 Visual Studio Codeにフォルダをドラッグアンドドロップします。 index.htmlを作成します。 ！を書き、enterキーかtabキーでひな形を書きます。 h1タグで見出しを、pタグで段...