ウェブ初心者でも最低限覚えておいた方がいいHTMLタグ5選

CMSであるWordPressで記事を書く場合、あまりHTMLを意識しなくても更新出来てしまいます。

HTMLとは、ウェブを構成している骨組みのような物です。

ウェブ上の教養みたいなものなので、この存在を知っておくと損することはないです。

今回は、「ウェブ初心者でも最低限覚えておいた方がいいHTMLタグ5選」をご紹介します。

このは屋

（生成AI×デジタルマーケティングスクール）

スモールビジネス特化の学び舎。スモールビジネスオーナーに向けて、ネットから集客する方法、オンラインで商売する方法、労働集約型から知識集約型へ移行する方法、安定した継続的な収入源を確保する方法…etc。悔いの無い生涯を謳歌する為の、鼻歌まじりの商売と生涯を、ワンストップで、トータルにサポートしている。

<a>タグ（リンクの指定）

<a>タグでは、リンクの指定ができます。

関連記事、外部サイトで紹介したい記事、外部のウェブサービスで作成したページ…etc。

こういったページからページへの移動させる為に、リンクを指定を使います。

<a href=”https://konohaya.com/” target=”_blank”>このは屋のブログ</a>

という記述になります。

href=”https://konohaya.com/”の箇所でURLを指定し、target=”_blank”では別タブで開くようにする指定をしています。

リンク指定したい文字列をタグで囲み、最後に</a>で閉じる形ですね。

よく使うタグなので、覚えておいた損はないです。

<blockquote> タグ（引用文を掲載する際に使用）

<blockquote> タグは、引用文を掲載する際に使用します。

重複コンテンツを避ける為と、著作権コンテンツで後々問題にならないように、引用文にしておく為に使います。

使い方は、<blockquote> 引用文をここに記載</blockquote> といった形式で記述します。

<style>タグ（CSSを直接指定できる）

フォントサイズや背景色を自由に編集できる技術を、CSSといいます。

そのCSSを直接設定できるのが、<style>タグです。

例えば、

<span style=”background-color: #efefef; color: #ffffff; font-size: 25px;”>ここの文字列を記載
</span>

で、指定ができます。

「background-color: #efefef;」で背景をグレイ色にし、「color: #ffffff;」でテキスト色を白にしています。

そして、「font-size: 25px;」でフォントサイズは25pxに指定しています。

こういった柔軟な設定が出来るので、よく使います。

CSSは複雑ですが、このやり方であれば、ちょっと学習すれば、比較的すぐ習得できるやり方です。

<img>タグ（画像の指定）

<img>タグでは、画像の指定で使います。

で、指定ができます。

「src=”画像のURL”」の箇所で、表示させたい画像のURLを指定します。

<iframe>タグ（外部サイトのコンテンツ表示）

といった形式で記述します。

多くの場合は、外部サービスに埋め込みコードと呼ばれるものがあり、そのままコピペできるので、この辺はノータッチでOKです。

というよりも、絶対にいじらないでください。

編集後記

今回は、「ブログ記事を書くユーザーなら覚えておいて損がないHTMLタグ5選」についてご紹介しました。

ご紹介したものは、あくまでHTMLタグの一部です。

他にも無数にありますので、気になったら調べてみてください。

CMSを使っていると、ツールバーでなんとかなりますが、HTMLタグを知っておくとブログのカスタマイズ性が上がり、微調整も出来るようになりますよ。

以下、参考になる記事と書籍ですので、ご参照ください。