Web担当向け

新着記事一覧

ITリテラシー

HTML実践学習13 CSSの書き方(前)

CSSの書き方についてご説明します。 こちらの記事は前編です。*後編はこちら↓ CSSの文法 例えばp要素に対して文字色を赤、文字の大きさを22px、太字とする場合は下...
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ファイルが画面に表示される)仕組みについて説明しま...
タイトルとURLをコピーしました