TOP > 多目的情報 > ホームページ ソースコードの掲載方法

■ホームページ ソースコードの掲載方法

色が付いたコードを使うと、ホームページにプログラムコードを載せることが出来ます。
また、コピーして貼り付けしても行が崩れません。

ポイントは <p style="line-height:100%"> を入れる事!
これを入れないと全角のコメント等で行の高さがズレていき合わなくなる。

うまく表示されない時 HTML用のソースコード変換サイト を利用してみてください。


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> </head> <body> <table cellspacing="15">← 隙間の間隔 <tr><td align="right" valign="top" bgcolor="#E1E1E1"><pre><code><p style="line-height:100%"> ここの間に、行番号 </code></p></pre></td> <td align="left" valign="top"><pre><code><p style="line-height:100%"> ここの間に、ソースコード </code></p></pre></td></tr></table>
</body> </html>



戻る
このページのURLをメールで送る