HTML/CSS– category –

HTML/CSS基礎 第1回では、HTML/CSSの基本的な構文やタグについて解説させていただきます。 【HTML/CSSとは】 私たちが普段目にしているWebサイトは、ネットワーク上にあるサーバと呼ばれるコンピュータにリクエストを出し、レスポンスされた情報を取得する...

今回はリンクの貼り方と画像の挿入の仕方について解説いたします。パスの書きかたなどはこちらの記事をご覧ください 【リンク】 リンクを設定する場合には<a href=""></a>タグを使用します。開始タグと終了タグの間に記入したテキストや画像を...

リンクは、異なるWebサイト間、または同じサイト内の異なるページ間で移動するための手段です。今回はリンクの貼り方と画像の挿入の仕方について学習します。また、初学者が躓きがちな絶対パス・相対パスの書き方についても解説しています。 他のHTML関連...

【グループ化とは】 グループ化とは グループ化とは、「ひとまとまりのコンテンツにタグをつけて、ひとつのグループとして扱うこと」を言います。扱っている内容によってさまざまなグループ化のためのタグが用意されているため、コードの構造が分かりやす...

これまでHTMLにCSSを適用させる際は、HTMLのタグに対してCSSを設定してきました。しかし、コードを書いていくにつれて、同じタグに対しても別のデザインを施したくなることがあります。そんな際に使用するのが「id」属性と「class」属性です。「id」属性と...

前回はHTMLで作成したテキスト情報を装飾する方法について説明しました。 HTML/CSS基礎 第16回は画面やテキストの背景を装飾するための方法を解説します。 【background-color -背景色の指定-】 <background-color>プロパティを指定することで、各タ...

今回からは実際にHTMLファイルを作成してコードを入力していきます。 【HTMLファイルの作成】 まずは「Visual Studio Code」（以下VSCode）を開き、「メニュー」から「ファイル」、「新しいテキストファイル」をクリックする。 次に、「言語の選択」を選択...

HTML/CSS基礎 第1回では、HTML/CSSの基本的な構文やタグについて解説させていただきます。 【HTML/CSSとは】 私たちが普段目にしているWebサイトは、ネットワーク上にあるサーバと呼ばれるコンピュータにリクエストを出し、レスポンスされた情報を取得する...

【表を作成する】 HTML/CSS基礎 第9回では表の作成の仕方について説明していきます。 表は<table>タグ、<tr>タグ、<th>タグ、<td>タグを組み合わせて作成します。各タグの説明は以下の通りです。 　　　<table>タグ：表全体...

前回はCSSの適用方法について3つの方法があることを説明させていただきましたが、今回からはCSSファイルを作成してHTMLに適用させていく方法を紹介させていただきます。まずはVScodeを開き、CSSファイルを作成してください。ファイル名は半角英数字とし、...

HTML/CSS基礎 第19回では「Flexbox」について解説します。Flexboxとは、横並びのレイアウトを作ることで、複雑なレイアウトを簡単に組むための記述方式となります。現在主流のレイアウト方式となっているため、是非この項目をマスターしてきれいなレイアウ...