Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><pre>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<pre>…ソースコード、空白や改行をそのまま表示する

使用タグ

HTMLタグ

<pre 属性="属性値">〜</pre>

開始タグと
終了タグ

両方必須

内容となる
要素

インライン要素、テキスト
(img、object、applet、big、small、sub、sup、font、basefont のそれぞれの要素を除く)

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<pre>タグを使えば、ソースコード、空白や改行をそのまま等幅フォントで表示することができます。ただし、タグを囲む「<」や「>」、そして「&」は特殊文字として認識されてしまいますので、「&lt;」や「&gt;」や「&amp;」で記述しましょう。

等幅フォントとは、すべての文字の幅が一定で、半角英数字などは、漢字やひらがなの半分の幅で表示されるフォントのことで、それとは逆に、文字ごとに幅が異なるフォントをプロポーショナルフォントという。

属性と働き

属性 働き 指定できる値
width="幅"
非推奨
CSSでの指定width
表示される幅を文字数で指定できます 文字数を整数で指定

使用例

記述例
<pre>
&lt;pre&gt;タグはソースコード、空白や改行を
そのまま表示することができます
</pre>
↓
[ブラウザでの表示例]
ブラウザ
<pre>タグはソースコード、空白や改行を
そのまま表示することができます

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system