まごころ

まごころ

HTML&CSS入門その６『ボックスモデルについて』

①ボックスモデル ボックスモデルとは、「HTMLの要素は全て四角形の領域を形成する」という考え方のこと。 　下記の例の場合、divタグの四角形の中にpタグの四角形が入っているということになる。 このような様々な四角形の組み合わせでwebページは出来ている。 ひとつのボックスは、内側から順に以下の項目で成り立っている。 content（内容） padding（パディング） border（ボーダー） margin（マージン） ②content（内容） テキストや画像など

まごころ

    • HTML&CSS入門その５『CSSを使った装飾』

      ①プロパティと値 CSSで記述する装飾のルールは、一般的に規則と呼ばれる。 規則の基本はセレクタ、プロパティ、値の三つ。 セレクタで、HTMLのどの部分を変更するかを指定。 プロパティで、選択した部分の何を変更するかを指定。 値で、どのように変更するかを指定。 プロパティを書いたら :（コロン）を打ち、値を書いたら ;（セミコロン）を打つ。 ②プロパティ 【color】 テキストの色を指定するプロパティ。 値には、色のコードまたはネームでテキストの色を指定する。

      まごころ

      • HTML&CSS入門その４『CSSについて』

        ①CSSとは CSS(Cascading Style Sheets)は、Webサイトのサイズや色、レイアウトなどを設定するためのプログラミング言語のこと。 　背景の色の変更や画像の設置、文字のフォントや色のなどの幅広いデザインを定義し、Webサイトの装飾を施すために使用される。 　CSSにはHTMLで作られたページを装飾し、Webサイトを『より見やすくする』という役割がある。 ②CSSの書き方 インラインスタイルシートは、HTMLタグに直接CSSを書き込む方法。 HT

        まごころ

        • HTML&CSS入門その３『タグに関して　後編』

          ①img imgタグは、画像を表示するためのタグ。 ブラウザに画像を表示させたい場合は、imgタグを記述したhtmlファイルと同じフォルダに画像ファイルを入れる。 　imgタグは、中身に意味を与えるわけではないため終了タグが必要ない。 ②input/label inputタグを使うことで、ユーザーが入力する部品を作ることができる。 また、inputタグとよくセットで用いられるのがlabelタグである。 　ul/liのように必ずしもセットではないが、labelタグ単体や、

          まごころ

        HTML&CSS入門その６『ボックスモデルについて』

        まごころ

          HTML&CSS入門その２『タグに関して』

          ①タグ タグとは、分かりやすく言うなら文字に意味を与える印のようなもののこと。 　また、文字列などをタグで囲んだ情報の単位の事を”要素”という。 　”タグ”と”要素”はHTMLでよく使用されるので覚えておく。 　開始タグ（前のタグ）と終了タグ（後ろのタグ）の中に要素を入力するというのが基本的な形式。 　終了タグを使用する場合には、「</タグ名」のように「/」を必ずつける（vscodeでは終了タグが自動的に生成される）。 　終了タグがないタグも存在する。 ②hタグ 主に

          まごころ

          HTML&CSS入門その２『タグに関して』

          まごころ

          HTML&CSS入門その１『HTMLの基礎＆下準備』

          ①HTMLとは HTMLはHyperText Markup Language（ハイパーテキスト・マークアップランゲージ）の略称であり、ホームページを作成する上で最も標準的な言語と言われている。 　Webサイトは、Webデザインしたものをコーディングすることによって完成される。HTMLはそのコーディングの際に使用されるもので、これをマークアップ言語という。 ウェブ開発に関する学習をするとき、RubyやPHP,Python,Javascript,Jayaなど様々な選択肢がある

          まごころ

          HTML&CSS入門その１『HTMLの基礎＆下準備』

          まごころ