HTMLとテキストについて

Web サイトのほとんどは、テキストのコンテンツがほとんどです。

音楽や動画が人気になってきた今でも、それは変わりません。

Paragraph

パラグラフ <p>は、デフォルトのブロックレベルの要素として機能し、素早く記述できるため、最も使用されている HTML 要素です。

<p>
  「兵は国の大事にして、死生の地、存亡の地なり。察せざるべからず」
  戦争は国家の大事であって、国民の生死、国家の存亡がかかっている。よく考えねばならない
</p>

Lists

リストは 3 種類あります。

• <ul> 箇条書きリスト
• <ol> 順序付きリスト
• <dl> 定義リスト

HTML のリストは特定の構造を必要とします。

<ul> と <ol> は、リストの項目を表す <li> の直接の親でなければなりません。

したがって、<li> 要素は単独では使用できず、<ul> または <ol> の直接の子でなければなりません。

箇条書きリスト

最も一般的に使われているリストです。個々のアイテムを順不同に並べることを目的としたリストです。

<p>学習リスト</p>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>ReactJS</li>
</ul>

リストの項目は、箇条書きで表示されます。

順序付きリスト

順序付きリストは、項目の順序が重要な場合に使用されます。

<p>学習ステップ</p>
<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>ReactJS</li>
</ol>

順序付きリストは、ブラウザによって自動的に番号が付けられます。HTML の中に番号を入れる必要はありません。

定義リスト

定義リストは、対になっている項目のためのリストです。定義リストは、<dt> 定義用語と <dd> 定義説明のペアを直接の子として含む必要があります。

<dl>
  <dt>HTML</dt>
  <dd>マークアップ言語</dd>
  <dt>CSS</dt>
  <dd>HTMLを装飾する言語</dd>
  <dt>JavaScript</dt>
  <dd>HTML DOMの操作などを行う言語</dd>
  <dt>Facebook製のJSフレームワーク</dt>
  <dd></dd>
</dl>　

Blockquotes

ブロッククォートは、引用を識別するために使用されます。

<p>荀子は言います。</p>
<blockquote>終身の楽しみありて、一日の憂いなし</blockquote>

Headings

見出しには<h1>から<h6>までの 6 段階があり、<h1>は最も重要な見出しです。