HTML構文をそのまま記事として載せる方法

HTML構文をそのまま記事として載せるためには・・・

 

ブログやメルマガ上で
HTML構文を紹介するために書くなんて人は
あまり、いや、ほとんど見かけません。

 

 

あんな英数字や記号がゴチャゴチャ並んだ文なんて見ただけで頭痛くなるし、
書きたいとは思わないですよね。

 

 

でも、私は、記事としての文章の書き方やそこに画像を盛り込むのであれば
読者さんが見やすい、読みやすい記事にしようといつも心掛けているので、
強調の仕方や文章と画像の位置関係などに結構こだわるほうなんですよ。

 

そうすると、

 

どうしてもHTML構文とおつき合いしないといけないんです。

 

 

 

例えば、

 

ある文章を強調するためにつける背景枠がありますが、
その枠のサイズを変えたいという場合。

 

 

この背景枠は、シリウスだと、文章の長さに関係なく横は決まったサイズで表示されるので
短い文章でも大きく枠がとられてしまって、余白の部分がたくさんできてしまうんですね。

 

その大きな枠を文章の長さに合ったサイズにしたいときは、
HTML構文に書かれている縦横サイズの数字を変えてあげればいいわけです。

 

 

しかし、

 

そのHTML構文の説明を私が読者さんにする場合、
構文を記事入力エリアに書くんですが、
記号 < で始まる構文をそのまま書いても NG なんですよ。

 

 

「ん? NGって何なの?」

 

 

それは、

 

HTML構文なので、記事入力の結果をプレビューで見てみると
HTMLの結果が表示されてしまうからです。

 

上の例だと、実際の背景枠が出てしまって、背景枠のHTML構文がでてくれないんですね。

 

 

 

では、どうすればいいのか・・・・・。

 

 

 

HTML構文は、必ず、<    > で括られています。

 

 

この記号、あなたも学校の勉強をしているときに
よくノートに書いてきたのではないでしょうか。

 

 

これ、不等号のマークですよね。

 

大なり、小なり なんて言うことが多いですかね。

 

あっ、 <    > だったら、小なり、大なりか

 

 

そこで、

 

HTML構文を記事として載せたい場合は、

 

この <    > 記号の部分をこちらのように置き換えてあげる必要があります。

 

 

 

 

この表記は、小なり、大なりを英語で表したものなんです。

 

 

 

 

そのをとって、アンドセミコロンで挟んであげた格好です。

 

 

 

このように書いてあげることで

 

サイト上には、< ........ > というように、HTML構文がそのまま表示されるようになります。

 

 

面白いですねぇ、 誰が考えたんでしょうかぁ。(笑)

 

 

 

あっ、例にあげた背景枠
そのサイズを好きなように決めるには・・・
詳細はこちらで

 

       ↓ ↓ ↓

 

文章の背景枠を設置する - 縦・横サイズ 自由自在 -

 

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    

関連ページ

電光掲示板の文字配置について
電光掲示板のメッセージって、誰でも足を止めてでも見入ってしまいますよね。文字が横や縦に流れているから否応にも目につき、目を離してしまうと何のメッセージだかわからなくなってしまう。そんなメッセージの設置をあなたのサイトやブログに設置しませんか?
点滅 - イヤでも人の目を奪う文字装飾 -
チカチカ・・・・ピコンピコン・・・・ウルトラマンのカラータイマーじゃありませんが、「点滅」って、どうしても目がいってしまいますよね。あなたのブログやホームページで「点滅」させてみたい!というメッセージがあったら、ここでご紹介する仕掛けを試してみてください。
電光掲示板 - 流れるメッセージをあなたのサイトに -
あなたのブログやホームページに、これは見逃してほしくない!という大事なメッセージあると思います。そのようなメッセージは、どのようにして目立つようにしていますか?蛍光ペンやマーク・目印をつけたり、様々な表現方法がありますが、電光掲示板タイプはいかがでしょう。その仕掛けはこちら。
ブログに貼ったリンクをピョコピョコ動かす方法
ネットサーフィンして、いろいろなサイトを見ていると ありますよね。文字や画像がピョコピョコっと動くやつ。マウスのカーソルを合わせたときにです。それはリンクなんですが、動いたりすると、ついついクリックしたくなりますよね。 その仕掛けをご紹介します。
文章の背景枠を設置する - 縦・横サイズ 自由自在 -
ブログの記事を書いていて、ある文章のひとかたまりを枠で囲いたい時があります。これをシリウスで行なうと横幅が目一杯固定されて設置されます。中身の文章が短いと右側に結構なスペースができてしまいます。でも必要な部分だけ枠付けする方法があるんです。コチラから。
サイトの内窓、外窓って何?
ブログやホームページを閲覧中、そこに貼り付いているリンクをクリック。そして、そのリンクの画面を見終わったから 閉じようとXボタンをクリック。そのとき 「あっ!」 それまで見ていたブログ、ホームページまで閉じちゃったぁ〜という経験ないですか?ありますよね? そうならない手があるんです。こちらを。 こんな経験ないですか?
改行したのに改行してくれない理由
「あれ?改行したのに何で改行されてないの?」 テキスト入力エリアに文章を打ち込んだときにそう思ったことありませんか? その理由は、そこの入力エリアがHTML構文モードになっているからなんです。 え!?あのゴチャゴチャした記号と英字をいれなきゃいけないってこと? いや大丈夫です。

 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ