HTML・CSS

CSSカラーコードとは何かをはじめ、カラーネーム・HEX・RGBの意味や種類、違い、それぞれの特徴や使い分けを、ホームページ制作初心者にも分かりやすく解説します。ホームページ制作ではデザインツールやカラーピッカーから取得した色コードをCSSに記述して使用する場面がほとんどですので色コードの基本を理解しておくと、HTML・CSSの学習だけでなく、Webデザインやサイト制作もスムーズに進められます。

ホームページHTMLのCSSカラーコード見本帳です。視覚的にパッと色を選んでコピペでそのまま使えます。グラデーションカラーピッカーも紹介していますので欲しい微妙な中間色がない場合でも視覚で希望の色コードが見つけられます。

ホームページで表を構成する5つの基本タグ（table・caption・tr・th・td）について、それぞれの意味や役割、そして初心者が陥りがちな注意点を詳しく解説します。Web標準規格において、テーブルタグは見た目を整えるものではなく、検索エンジンや画面読み上げソフトに表の構造を正しく伝える観点から非常に厳格なルールが定められています。

ホームページで表(テーブル)を作るtable･tr･th･td･captionタグの使い方を理解し、thead･tbody･tfootの概要もあわせて紹介します。これらはHTML Living Standardに沿った、より意味の分かりやすいテーブルを作るために役立つタグです。情報を縦と横に整理して伝えられるため多くのWebサイトで欠かせない要素です。

数式のa²、面積の単位10m²、化学式のH₂O、脚注の本文¹などホームページでは右上や右下に小さい文字を表示したいことがありますが文字サイズを小さくするだけでは上付き文字や下付き文字を表現できません。HTMLのsup要素（上付き文字）とsub要素（下付き文字）が必要です。HTMLで上付き文字・下付き文字を表示する方法、sup要素・sub要素の使い方、コピペできるコード例、よくある使用例、利用時の注意点まで紹介します。

ホームページ作成におけるHTMLとCSSコメントアウトタグの基本的な書き方から、違い、実務で役立つ効果的な使い方、注意点までを分かりやすく解説します。HTMLやCSSを書いているとき「ここに非表示のメモを残しておきたい」「このコードを一時的に非表示にしたい」と思ったときに役立つのが コメントアウトです。HTMLとCSSではコメントの書き方が異なり、使い方を誤ると トラブルにつながることもあります。

実際のHTMLコードを使って、ページタイトルや、文章画像、リンクが表示される仕組みを確認しながらホームページ作成を体験できます。初心者でもHTMLの基本を理解し、文字や画像、リンクを配置する方法を実際に試しながらホームページ作成の第一歩を体験できる入門できます。