2018年4月14日

ブログや記事投稿に正しくHTMLを表示させる方法 ツール

 

管理人の栗山 翔司(ショウジ)です。

HTMLという言葉をご存知でしょうか?
発音はそのまま『エイチティーエムエル』

 

こちらはブログの文章を『赤字』にしたり『太字』にしたりと、
装飾・変換するシステムのようなものです。

一例はこちら → <strong>ここに太字にしたい文字が入ります</strong>

今回は上記の赤文字HTMLのように装飾機能としてではなく、
記事内に『文字列として』正しく反映させるツールと、その方法についてお話します。

 

それでは
ブログや記事投稿に正しくHTMLを表示させる方法 ツール
をご紹介します。

またHTMLって何だ?
というあなたの為にザックリ説明や使用方法を掲載します。

ツールはこちらクリックで開きます → http://singoro.net/html-escape/

 

 

【HTMLを記事内に文字として表示させるツール】

前置きで述べましたが、HTMLはブログの装飾ですね。
FC2ブログの装飾機能、『太字』を使って説明します。

こちら

↓↓↓

HLMLを正しく表示

画像の上部『本文の編集』枠と
下部に『リアルタイムプレビュー』枠に分かれています。

この上部の本文編集で『太字』にしたい文章を
マウスでドラッグ&ドロップ。

 

本文の二行目にある
『ブログや記事投稿に正しくHTMLを表示させる方法 ツール』
が青くなっていますね?

これドラッグ&ドロップされている状態です。

あとは装飾機能の『B』を押して『太字』にします。

こちら

↓↓↓

HLMLを正しく表示1

赤い丸枠の『B』をクリックすることで
本文の二行目にある
『ブログや記事投稿に正しくHTMLを表示させる方法 ツール』
の両端に<strong> </strong>の文字が入りました。
右側はスラッシュが入っていて『太字』の終わりを表しています。

 

『リアルタイム』プレビューを見て分かる通り、
本文の二行目にある
『ブログや記事投稿に正しくHTMLを表示させる方法 ツール』
こちらの文字が太字になっていますね?

太字への装飾成功です。

そして今回はこの
HTMLである → <strong> </strong>

こちらを上記のようにブログ内に文字として正しく表示させるツールを紹介します。

ツールはこちらクリックで開きます → http://singoro.net/html-escape/

利用方法は

こちら

↓↓↓

HLMLを正しく表示2

 

▼htmlコードを入力
という枠に正しく表示させたいHTMLを入力して【変換する】をクリック。
あとは変換された奇妙な記号をコピー。

 

ブログの文章に張り付けるだけでこんな感じ。

こちら

↓↓↓

HLMLを正しく表示3

 

本文の編集に先ほどコピーした奇妙な記号の集合体を貼り付けたら、
リアルタイムプレビューでHTMLが正しく → <strong> </strong>
と表示されていますね?

こののようにしてHTMLの構成を記事にアップすることが出来ます。
是非ご活用くださいませ!

ということで今回は


ブログや記事投稿に正しくHTMLを表示させる方法 ツール

をご紹介させていただきました。

最後までお読みいただき誠にありがとうございます。

私のブログでは主に
・アフィリエイト基礎知識
・ネットビジネスで稼ぐ最新情報
を配信しております。

 

 

【管理人 栗山】

プロフィール55

管理人の栗山 翔司(ショウジ)です。

クリーニングの委託業務(歩合制)に勤め
莫大な借金を背負いました。

運よく次に就職した先で
アフィリエイトを知る同僚がいたため、
オススメされた情報商材を購入。

ネットビジネスで借金返済を終えてからは
稼ぐをテーマとしたサイトを量産しております。

 

栗山翔司(ショウジ)プロフィールはこちら

お問い合わせはこちら

コメントを残す

メールアドレスが公開されることはありません。