本文へスキップ
BecomeCoder

HTML/CSSコース · 第1章 HTMLをはじめる · レッスン1

タグと要素 ― 見出しと段落

ブラウザで完結

導入

HTML の文章は タグ で組み立てます。タグは <p> のように山かっこで囲み、多くは <p>…</p> と開始タグ・終了タグでテキストを挟みます。この「開始タグ+中身+終了タグ」のまとまりを 要素 と呼びます。

説明

もっとも基本的な要素が、見出し <h1><h6> と段落 <p> です。

<h1>大見出し</h1>
<h2>中見出し</h2>
<p>これは段落です。ふつうの文章はこの中に書きます。</p>

<h1> がページの最も大きな見出し、<h6> が最も小さな見出しです。段落は <p> で囲みます。

やってみよう

下のエディタに上の例を打ち込み、右のプレビューで見出しが大きく、段落がふつうの文字で表示されることを確かめましょう。

演習

<h1> で「はじめてのWebページ」という見出しを作ってください。

ヒント1を見る

<h1></h1> でテキストを挟みます。<h1>はじめてのWebページ</h1>

実際に動かしてみよう

下のエディタに HTML/CSS を書くと、右側のプレビューにその場で描画されます。本文の例を打ち込んだり書き換えたりして、表示の変化を確かめながら進めましょう。

HTML/CSS プレビュー

書いた HTML/CSS をサンドボックス内でその場で描画するプレビューを読み込みます。
スクロールして表示された時点でも自動で読み込まれます。