Sponsor

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログやサイトにタグやcssを表示する方法

ブログやWEBサイトなどにタグやcssを紹介したい!
でも、そのまま書くと、表示されません^^;
そんなときの裏技を紹介いたします♪


「<」「>」「&」などは、特殊文字として認識されるので、「&lt;(&#60;)」「&gt;(&#62;)」「&amp; (&#38;)」で置き換えます
 < >&まで無視したらHTMLが成り立たないためです


<html>
<head>
<meta>
<title></title>
</head>
<body>
<h1></h1>
<p></p>
<address></address>
</body>
</html>

ソース上の表示

&#60;html&#62;
&#60;head&#62;
&#60;meta&#62;
&#60;title&#62;&#60;/title&#62;
&#60;/head&#62;
&#60;body&#62;
&#60;h1&#62;&#60;/h1&#62;
&#60;p&#62;&#60;/p&#62;
&#60;address&#62;&#60;/address&#62;
&#60;/body&#62;
&#60;/html&#62;


タグを<pre>~</pre>で挟むとソース中のスペースや改行をそのまま表示します
ソースコードなどを表示する際に便利です♪

< や > や & をそのまま表示するには <plaintext> や <xmp>を用いる方法がありますが、これらのタグは「行儀の悪いタグ」として HTML4.0 では廃止されているので非推奨です

私の好みですが、<pre class="code">~</pre>でclass付けしてます

スタイルシートでコードを線で囲むにはコチラ♪
細い黒い線で囲むのが好きです
シンプル好きなので・・・

.code{
border: 1px solid #000000;
padding: 5px;
white-space: pre;
width: 400px;
background-color: #ffffff;
}
スポンサーサイト

Comment

Name
E-mail
URL
Comment
Pass
 *
Secret?
(管理者にだけ表示)
毛乳頭は毛根に存在していて、毛細血管よりビタミン・ミネラル・アミノ酸などの髪の毛を作るために必須な栄養分を受け取りとり、実際に毛をつくる毛母細胞に受け渡す働きをします http://maladapted3.victoriaclippermagazine.com/

Sponsor

プロフィール

えみりぃ

Author:えみりぃ
FC2ブログへようこそ!

最近のトラックバック

月別アーカイブ

スポンサードリンク

ブログ内検索

ブロとも申請フォーム


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。