HTMLとテキストについて

updated Jul 19, 2021created Jul 19, 2021

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

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

Paragraph

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

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

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

Lists

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

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

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

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

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

箇条書きリスト

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

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

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

学習リスト

  • HTML
  • CSS
  • JavaScript
  • ReactJS

順序付きリスト

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

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

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

学習ステップ

  1. HTML
  2. CSS
  3. JavaScript
  4. ReactJS

定義リスト

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

html
<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> 
HTML
マークアップ言語
CSS
HTMLを装飾する言語
JavaScript
HTML DOMの操作などを行う言語
ReactJS
Facebook製のJSフレームワーク

Blockquotes

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

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

荀子は言います。

終身の楽しみありて、一日の憂いなし

Headings

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

Related Posts ✅