サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 記述内容をそのまま表示 <PRE>

記述内容をそのまま表示 <PRE>



<PRE>タグについて

HTML文書の改行などをそのまま表示させます。通常、ブラウザに表示されない半角スペースの連続やタブを反映させることができます。
フォントは自動的に等幅フォントになります。


サンプル

記述内容をそのまま表示

記述内容をそのまま表示します

+-------------+    +-------------+    |
|             |    |             |    |
|             |    |             |    |
|  デパート   |    |   目的地    |    |
|             |    |             |    |
+-------------+    +-------------+    |
                                      |
                                      |
+--------------------------------+    |
|                                |    |
|            駐車場              |    |
|                                |    |
|                                |    |
+--------------------------------+    +--------

解除します



サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>記述内容をそのまま表示</H2>
<P>記述内容をそのまま表示します</P>
<PRE>
+-------------+    +-------------+    |
|             |    |             |    |
|             |    |             |    |
|  デパート   |    |   目的地    |    |
|             |    |             |    |
+-------------+    +-------------+    |
                                      |
                                      |
+--------------------------------+    |
|                                |    |
|            駐車場              |    |
|                                |    |
|                                |    |
+--------------------------------+    +--------
</PRE>
<P>解除します</P>


解説・注意点など

整形用に全角スペースを使うと、Macでは表示がずれることがありますので、半角スペースを使うようにしましょう。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home