プログラムソースの表示を学習します。

例として、コンソールにHello World!を表示するC言語の初歩プログラムソースを表示してみます。

#include <stdio.h>
int main()
{
    printf("hello, world\n");
    return 0;
}

初めてのプログラムとして取り上げられるソースです。
HTMLタグを文字列表示で使用した<pre></pre>でやってみます。

				#include 
				int main()
				{
				    printf("hello, world\n");
				    return 0;
				}

一つ目の問題点は#includeの後の<stdio.h>が消えています。
二つ目の問題点は表示位置が右側に寄っている事です。
一つ目の解決方法はHTMLタグを文字列表示で学習した特殊文字のキーワードを使用すれば、解決出来ます。
#include <stdio.h>
と入力します。二つ目の解決方法は、と言うか<pre></pre>タグは間の文字列をそのまま表示すると言うタグなので、 HTMLソース入力時にインデントしなければ解決できます。

#include <stdio.h>
int main()
{
    printf("hello, world\n");
    return 0;
}

これは表現しづらいので、当ページをHTMLソースを見て下さい。
HTMLソースを見る方法は、リンク部分と画像部分以外の場所で、マウスの右ボタンをクリックします。現れたポップアップメニューの中の　「ソースを表示」　と言う項目を左クリックします。もし　「ソースを表示」　が表示されない場合は、違う場所で再び右クリックして下さい。
ブラウザ内にソースが表示されるか、メモ帳等のエディタでソースが表示されます。少し下にスクロールすると　「ダメな入力」、「良い入力」　とコメントがありますので、参考にして下さい。

次に<code></code>でやってみます。特殊文字は、あらかじめ対応しておきます。


				#include <stdio.h>
				int main()
				{
				    printf("hello, world\n");
				    return 0;
				}

<pre></pre>と違って改行がされていないので、一行で最大限表示されてしまいます。 <pre></pre>は文字列をそのまま表示すると言うタグなので、改行もそのまま表示されます。一方、<code></code>は改行されないので、自分で改行タグ<br />を入力する必要があります。


				#include <stdio.h>

				int main()

				{

					printf("hello, world\n");

					return 0;

				}

まだ、おかしいですね。HTMLではタブ(TAB)文字が正しく表示されない為です。
タブ(TAB)文字はあきらめて、半角スペースを使用したいのですが、 HTMLタグだけでは半角スペースはタブ(TAB）文字と同じ表示になってしまいます。
では、全角スペースを使用すれば良いのでは、と思いますが、確かにブラウザ上の表示はインデントが成功していますが、コピー＆ペーストしてプログラムソースとして利用した場合、 C言語コンパイラで、全角スペースはエラーになってしまいます。
やっぱり、ここでもキーワードを使用して入力します。
HTMLタグを文字列表示の中の一覧に半角スペースのキーワードは  となっていますので、 を4個分入力します。


			#include <stdio.h>

			int main()

			{

			    printf("hello, world\n");

			    return 0;

			}

<code></code>を使って、プログラムソースが表示できましたが、私なら<code></code>よりも<pre></pre>を使って入力します。

ここでは、HTMLタグのみで表示を試みましたが、スタイルシート(CSS)やスクリプトの使用で違った表示方法が可能の様なので、学習したら報告したいと思います。

プログラムソースの表示を学習します。

HTMLの学習

HTML&CSSの学習