HTMLのタグをそのまま表示させたい | ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ

HTMLのタグをそのまま表示させたい

HTMLのタグをそのまま表示させたい!



↑上のありさんをポチっ♪として応援していただけたらとってもうれしいです♪

ようこそ!ぽちです♪

HTMLのタグをブログの記事で、そのまま表示させる方法を説明します^^
覚えておくと便利ですよ(*^_^*)

テキスト(文字)や画像にリンクを貼るタグを例にとってみますね。

“ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ”というテキストに
“このブログのトップページ”
にリンクを貼る時は下記のように記述します^^

<a href=”http://pochi-ams.com/”>ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ</a>

すると・・・
ブラウザでは

ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ

と、表示されます。
テキストにリンクが貼られタグの部分は見えなくなるのです。

へ?
じゃあ、黄色でマーカーされているタグはどうして見えているの?

はい!
では、説明します!

HTMLのタグブログの記事のそのまま表示させたい時は、

「<」「>」この山括弧(やまかっこ)を別の記号に置き換えます。

「<」 → 「&lt;」
「>」 → 「&gt;」

このようにWeb上で表示したい時は・・・
↓  ↓  ↓  ↓
<a href=”http://pochi-ams.com/”>ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ</a>

このように記述してください♪
↓  ↓  ↓  ↓
&lt;a href=”http://pochi-ams.com/”&gt;ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ&lt;/a&gt;

ますます呪文のようになって泣きそうですが;
落ち着いてジ~~と見ているとわかってきます!!

試してみてくださいね(*^_^*)

その他、覚えておくと便利なタグはこちらの記事で紹介しています(*^_^*)
→同窓と別窓とは



↑上のありさんをポチっ♪として応援していただけたらとってもうれしいです♪

 

ぽちアバター

ぽちへのメールはこちらからどうぞ~♪

関連する記事はこちら:

次の記事 »
前の記事 »
トップページへ » ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ

コメントありがとうございます^^

こんばんは、ぽちさん。

seijiです。

いつもお世話になります★

なるほど、そういうことだったんですか。

たまにこういうブログ知識の説明するときなんかに

役立つ知識ですね。

参考にさせてもらいます★

ぽちさんはhtml系の記事が多くて

助かりますよ。

今後の記事にも期待しています。

勉強させてもらいました。

またお邪魔しますね★

では、応援☆

この記事へのコメント

ネットで稼ぐ?アフィリエイトのもやもやがスッキリ!するブログ TOP » HTML » HTMLのタグをそのまま表示させたい