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

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

このは屋
このは屋
スモールビジネス特化の学び舎 このは屋です。

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

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

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

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

 <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を直接指定できる)

<style>タグを使うことで、フォントサイズや背景色などを柔軟に指定できます。

フォントサイズや背景色を自由に編集できる技術を、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>タグでは、画像の指定で使います。

<img src=”画像のURL” width=”200″ height=”92″/>

で、指定ができます。

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

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

<iframe>タグは、外部サイトのコンテンツを表示させる為に使用します。

<iframe src=”外部サイトのコンテンツURL”></iframe>

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

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

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

編集後記

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

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

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

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

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

あわせて読みたい
スモールビジネス向けにHTML・CSSを解説【極めなくてOK】 今回は、スモールビジネス向けにHTML・CSSのスキルをご紹介します。 最近はITツールの発達により、このHTML・CSSのスキルは不要になりつつあります。 一見、スモールビ...

ハッシュタグ

#このは屋 #スモールビジネス特化の学び舎 #鼻歌まじりの商売