HTML/CSS 基本ガイド

HTML/CSS 101：完全かつ包括的なガイド

ウェブデザインと開発において、HTML（HyperText Markup Language）とCSS（Cascading Style Sheets）は基盤となる重要な技術です。HTMLはウェブページの構造を作り、CSSはその見た目をデザインします。このガイドでは、HTMLとCSSの基本を説明し、これらの技術がどのように組み合わさってウェブページを作成するのかを理解できるように詳しく解説します。

1. HTMLの基本

HTMLはウェブページの「骨組み」を作るための言語です。HTMLファイルは、タグと呼ばれる特定の要素を使って、コンテンツを構造的に記述します。各タグは特定の目的を持っており、テキスト、画像、リンク、フォームなどを表示するために使用されます。

1.1 HTMLの基本的な構造

HTML文書の基本的な構造は以下のようになります。

html
CopyEdit
html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTMLの基本title>
head>
<body>
    <h1>ウェブページのタイトルh1>
    <p>これはHTMLの基本的なページです。p>
body>
html>

このコードは、ウェブブラウザに「HTMLの基本」と表示されるページを作成します。ここで重要なタグを見てみましょう。

• : HTML5を使用していることを宣言します。

• : HTML文書の開始を示すタグです。

• : メタ情報（文字セット、ビューポート設定、タイトルなど）を含む部分です。

• : 文書の文字エンコーディングを設定します。