【HTML】文章の書き方まとめました

【HTML】文章の書き方まとめました

 HTMLで文章を作成する際によく使用するであろうタグをまとめました。

<h●>～</h●>:見出しの設定※●…1～6

<h●>～</h●>の部分で見出しの設定をすることができます。

<h1>見出し１</h1>
<h2>見出し２</h2>
<h3>見出し３</h3>
<h4>見出し４</h4>
<h5>見出し５</h5>
<h6>見出し６</h6>

<p>～</p>:段落を設定

<p>～</p>の部分で段落の設定ができます。

<p>文章</p>

↓実行結果↓

文章

<br>:改行させる

<br>で文字を改行させることができます。

<p>文<br>章</p>

↓実行結果↓

文
章

<blockquote></blockquote>:文章を引用

<blockquote></blockquote>にて文章を引用することができます。

<blockquote>引用文章</blockquote>

↓実行結果↓

引用文章

<cite></cite>：情報源を参照する部分であることを示す

<cite></cite>にて情報源を参照する部分であることを示すことができます。

一般的にはイタリック体で表示されます。

<cite>参照部分</cite>

↓実行結果↓

参照部分

<em>～</em>、<strong>～</strong>:文字を強調する

<em>～</em>または<strong>～</strong>にて文字を強調することができます。

<strong>～</strong>の方が、<em>～</em>より強い強調となります。

<p>通常</p>
<p><em>強調１</em></p>
<p><strong>強調２</strong></p>

↓実行結果↓

通常

強調１

強調２

^～:上側へ文字を記載

^～にて上側へ文字を記載することができます。

<p>2<sup>3</sup></p>

↓実行結果↓

2³

_～:下側へ文字を記載

^～にて上側へ文字を記載することができます。

<p>log<sub>2&lt;/sub></p>

↓実行結果↓

log₂

<s>～</s>:取消線を記載

<s>～</s>で取消線を記載することができます。

<p><s>テキスト</s></p>

↓実行結果↓

テキスト

<u>～</u>:下線を記載

<u>～</u>で下線を記載することができます。

<p><u>テキスト</u></p>

↓実行結果↓

テキスト

HTML の記事一覧へ