ITリテラシー HTML実践学習13 CSSの書き方（前）
CSSの書き方についてご説明します。
こちらの記事は前編です。＊後編はこちら↓
CSSの文法
例えばp要素に対して文字色を赤、文字の大きさを22px、太字とする場合は下...
新着記事一覧
ITリテラシー 
ITリテラシー HTML実践学習12 リセットCSSとは？
ブラウザごとに見え方が大きく変わってしまう「リセットCSS」についてご説明します。
リセットCSSとは？
Google ChromeやSafari、Internet Explorer、F...
ITリテラシー HTML実践学習11 CSSファイルの作り方
Webサイトを閲覧する際のCSSファイルについてご説明します。
CSSファイルの作り方
htmlファイルの作り方と同じ流れです。テキストエディタを開き、拡張子を「.css」として保存する...
ITリテラシー HTML実践学習10 CSSの練習
HTMLのタグ内でCSSの書き方を説明しながら実際に書く練習をしていきます。
インラインCSS
htmlのタグ内にCSSを記述する方法を「インラインCSS（インラインスタイルシート）」と...
ITリテラシー HTML実践学習9 CSSとは
Webサイトでテキストに色を付けたりデザインをするやり方をご説明します。
スタイルシートとは
スタイルシートとは、CSS（Cascading Style Sheet / カスケーディング...
ITリテラシー HTML実践学習 8 HTMLコメントアウトの練習と完成
HTML内のコメントアウトの書き方とWebサイトの完成についてご説明します。
コメントアウトとは
HTML内に記述されているソースコードを、ブラウザで処理されないようにする記述方法です。...
ITリテラシー HTML実践学習7 実体参照
記号や環境依存文字などの直接記述できないテキストの入力の仕方を練習しながら説明します。
実体参照とは
HTML内に直接記述できない文字（機種依存文字など）を記述する場合は、文字参照で対応...
ITリテラシー HTML実践学習6 要素の横並び
Webサイトで要素を横並びにするやり方を実際に練習しながら説明していきます。
要素を横並び
要素を横並びにする方法はfloat属性で左右に振り分ける方法や、display属性で要素の表示...
ITリテラシー HTML実践学習5 メインイメージ
Webサイトに表示するメインイメージのテキストの入力の仕方について実際に練習しながら説明します。
img要素
img要素は画像を表示させる要素です。主にsrc属性と組み合わせてパスを指定...
ITリテラシー HTML実践学習4 実際にナビゲーションの練習をしてみよう
Webサイトを作成すると出てくるナビゲーションについてご紹介します。
navタグ
navタグはナビゲーションということを示す要素になります。
保存したindex.htmlにナビゲー...
ITリテラシー HTML実践学習3 フッター(footer)
HTMLタグのひとつ、footerタグについて説明します。
*HTMLを作成~編集する際にはHTML作成に対応したメモ帳をダウンロードする必要があります。以下サービスなど参考いただき、ご自身...
ITリテラシー HTML実践学習2 divタグ
HTMLタグのひとつ、divタグについて説明します。
*HTMLを作成~編集する際にはHTML作成に対応したメモ帳をダウンロードする必要があります。以下サービスなど参考いただき、ご自身のPC...
ITリテラシー HTML実践学習1 ヘッダー(header)
HTMLタグのひとつ、headerタグについて説明します。
*HTMLを作成~編集する際にはHTML作成に対応したメモ帳をダウンロードする必要があります。以下サービスなど参考いただき、ご自身...
ITリテラシー 外部スタイルシートの読み込み
Webページを閲覧する際の仕組みについて紹介していきます。
外部スタイルシートの読み込み
Webページをパソコンから閲覧する（≒HTMLファイルが画面に表示される）仕組みについて説明しま...