見出し画像

#1 パソコン初心者へ向ける【HTMLタグ】使用方法

皆さんこんにちは!あすとろぼーいです。

これからブログを始めてみよう!と思っている方へブログの記事をより良く見せる為の解説をしていこうと思います。


【ブログの必需品!!】HTMLタグとは??

皆さん一度はブログなど何かしらの記事をWEB上で読んだ事があるかと思います。

その記事の中で良く「〇〇はこちら」などとリンクが付いてあるのを見た事はありませんか?

あのリンクって実は「HTMLタグ」という物を使用し文字にリンクを付けているんです!

「タグ」は色々な種類があり今回のリンクを付ける物や文字の太さを変える物、文字色を変える物など…様々な「タグ」が溢れています。

先ほどお話しした文字へのリンク付けは以下の様なタグを使用しリンク付けをしています。

<a href="https://www.yahoo.co.jp/">Yahoo!Japan</a>

このリンクタグは【<a href=""></a>】から出来ています。

【<a href="">】「""」の間へ飛ばしたい先のURLを添付します。

そして「< href="URL">」「</a>」の間へ飛ばしたい先のページ名など自由な文章を入れます。

そうすると「<a href="https://www.yahoo.co.jp/">Yahoo!Japan</a>」のタグを利用した際は、表側では「Yohoo!Japan」と青色の文字で表示されその文字を押すとリンクしたページへと飛ぶ仕組みになっています。

ですので、例えば自分の運営しているブログ内で「アフィリエイト」のリンクを張り込みたいとなった時は上記の様なHTMLタグがあるかと思うのでそのタグを張り込むと自動的にリンクされるという仕組みです。

まずは、どの様なタグがあるのかを勉強してみるとブログ作成の幅が広がるかと思います。

タグには種類が多すぎてこの場では紹介しきれないので「HTMLタグ」の一覧が掲載されているサイトのリンクを張っておきますので、気になった方は覗いてみて下さい!!

次回は、見やすい文章構成や強調する場所などをご紹介出来ればと思っています。

時間のある方はまた覗いて行って頂けるとありがたいです!!


この記事が気に入ったらサポートをしてみませんか?