ITリテラシー HTML実践学習17 WEBサイト制作の進め方 WEBサイト制作の進め方を初心者の方にもわかりやすく説明していきます。 WEBサイトの制作の進め方 WEBサイトの制作は慣れていない人にとっては何から手をつければ良いのかわかりません。制... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習16 パスの種類 Webページを制作する際に画像をファイルから呼び出したい場合に使用する「パス」の説明をします。 パスとは? 特定ファイルへの道筋を示す情報のことを「パス」と呼びます。Webページ... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習15 CSSコメントアウト CSSのコメントアウトについてご説明します。 CSSコメントアウト CSSのコメントアウトは「/*」〜「*/」で囲んで記述します。下記は「header h1」のみコメントアウトした例とな... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習14 CSSの書き方(後) CSSの書き方についてご説明します。 こちらの記事は後編です。*前編はこちら↓ スタイルの継承 ある要素に含まれている要素にのみスタイルをかける場合は「div img ... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習13 CSSの書き方(前) CSSの書き方についてご説明します。 こちらの記事は前編です。*後編はこちら↓ CSSの文法 例えばp要素に対して文字色を赤、文字の大きさを22px、太字とする場合は下... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習12 リセットCSSとは? ブラウザごとに見え方が大きく変わってしまう「リセットCSS」についてご説明します。 リセットCSSとは? Google ChromeやSafari、Internet Explorer、F... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習11 CSSファイルの作り方 Webサイトを閲覧する際のCSSファイルについてご説明します。 CSSファイルの作り方 htmlファイルの作り方と同じ流れです。テキストエディタを開き、拡張子を「.css」として保存する... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習10 CSSの練習 HTMLのタグ内でCSSの書き方を説明しながら実際に書く練習をしていきます。 インラインCSS htmlのタグ内にCSSを記述する方法を「インラインCSS(インラインスタイルシート)」と... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習9 CSSとは Webサイトでテキストに色を付けたりデザインをするやり方をご説明します。 スタイルシートとは スタイルシートとは、CSS(Cascading Style Sheet / カスケーディング... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習 8 HTMLコメントアウトの練習と完成 HTML内のコメントアウトの書き方とWebサイトの完成についてご説明します。 コメントアウトとは HTML内に記述されているソースコードを、ブラウザで処理されないようにする記述方法です。... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習7 実体参照 記号や環境依存文字などの直接記述できないテキストの入力の仕方を練習しながら説明します。 実体参照とは HTML内に直接記述できない文字(機種依存文字など)を記述する場合は、文字参照で対応... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習6 要素の横並び Webサイトで要素を横並びにするやり方を実際に練習しながら説明していきます。 要素を横並び 要素を横並びにする方法はfloat属性で左右に振り分ける方法や、display属性で要素の表示... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習5 メインイメージ Webサイトに表示するメインイメージのテキストの入力の仕方について実際に練習しながら説明します。 img要素 img要素は画像を表示させる要素です。主にsrc属性と組み合わせてパスを指定... 2022.12.21 ITリテラシー
ITリテラシー HTML実践学習4 実際にナビゲーションの練習をしてみよう Webサイトを作成すると出てくるナビゲーションについてご紹介します。 navタグ navタグはナビゲーションということを示す要素になります。 保存したindex.htmlにナビゲー... 2022.12.21 ITリテラシー