ブログを作成するうえで、知識があると役に立つのがHTML

文字を大きくしたり、色を変えたり、リンクさせて、SEO効果を高めたりもできます。

 

ここいらで、初心者がよく使うであろう、そして役に立つ必須のHTMLを一覧にしてみました。

 

まー、一番わかりやすいのは、”マメボーw”さんって方のサイトを見ればめちゃわかりやすいので、

紹介しておきます。こちら↓↓↓

マメボーwさんのHTMLタグについてのサイト

 

このように、クリックしたら、他のサイトに飛ばせるようにできるわけです^^

 

私のHTMLタグ一覧は、ただの羅列ですので、すぐコピペできるように並べていきたいと思います。

 

 

 

リンクタグ

<a href=”(リンクさせたいURL)“>(アンカーテキスト)</a>

例:ヤフーへのリンク

<a href=”http://www.yahoo.co.jp/“>ヤフーはこちら</a>

別窓(ページを新しく開く)方法は

<a href=”http://www.yahoo.co.jp/” target=”_blank”>ヤフーはこちら</a>

 

 

 

画像イメージタグ

※画像は自前にアップロードが必要です。

<img src==”画像のURL” alt=”画像の名前” width=”画像横サイズ” height=”縦サイズ” />

 

 

 

画像とリンクの合わせたら、、、

画像の大きさも設定する場合

<a href=”(飛ばしたいサイトURL)“><img src=”(画像のURL)” alt=”(画像の名前)” width=”(横幅)” height=”(縦幅)” />

別窓で開く場合

<a href=”(飛ばしたいサイトURL)“target=”_blank”><img src=”(画像のURL)” alt=”(画像の名前)” width=”(横幅)” height=”(縦幅)” /></a>

 

すでに画像サイズが決定している場合

<a href=”(飛ばしたいサイトURL)“><img src=(画像のURL)></a>

別窓バージョン

<a href=”(飛ばしたいサイトURL)“target=”_blank”><img src=(画像のURL)></a>