初心者ブロガーが最初に覚えておきたいブログでよく使うHTMLタグ18選

初心者ブロガーが最初に覚えておきたいブログでよく使うHTMLタグ18選

LIGブログ編集部

LIGブログ編集部

引用文のタグ

文章を引用・転載するときに使用します。

13. <blockqoute>

■使用例

<blockquote>
吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
</blockquote>

 

■表示例

吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

 

定義・説明文のタグ

定義・説明文を表記するときに使用します。

14. <dl> 、<dt>、<dd>

<dl>タグの中に<dt>タグで定義・説明される言葉を、<dd>タグでそれに対応する説明文を表示させます。

■使用例

<dl>
<dt>説明したい言葉</dt>
<dd>説明文</dd>
</dl>

■表示例

説明したい言葉
説明文

 

リストのタグ

リストにするときに使用します。

15. <ul>、<ol>、<li>

<ul>は配置順に意味を持たないアイテムを持つリスト、<ol>は配置順に意味を持たせるアイテムを持つリストとなります。
<li>はリストアイテムを意味します。<ul>タグと<ol>タグは、必ず1つ以上の<li>要素を含む必要があります。また、入れ子状に表現することもできます。

■使用例1
<ul>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
</ul>
<ol>
<li>1つめのリストアイテム</li>
<li>2つめのリストアイテム</li>
<li>3つめのリストアイテム</li>
</ol> 

■表示例1

  • リストアイテム
  • リストアイテム
  • リストアイテム
  1. 1つめのリストアイテム
  2. 2つめのリストアイテム
  3. 3つめのリストアイテム

 

■使用例2
<ul>
<li>カレーライス</li>
<li>オムライス</li>
<li>ハンバーグライス</li>
<ul>
<li>チーズハンバーグライス</li>
<li>デミグラスハンバーグライス</li>
<li>和風ハンバーグライス</li>
</ul>
<li>ハヤシライス</li>
</ul>■表示例2

  • カレーライス
  • オムライス
  • ハンバーグライス
    • チーズハンバーグライス
    • デミグラスハンバーグライス
    • 和風ハンバーグライス
  • ハヤシライス

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

LIGブログの企画・執筆・編集をしています。マーケティング、SEO対策、デザインに強みを持ったメンバーが、最新情報やノウハウをわかりやすくお届けします。

このメンバーの記事をもっと読む