找回密码
 注册
搜索
免费空间 免费域名 免费AI 老牌主机商首月仅1美分!27美元/年!Spaceship优惠码 Namecheap优惠码阿里云2核2G3M新老续费同享99元/年!
查看: 185|回复: 2

[问题求助] “&lt”代替“<”,怎样代替?&lt怎样输入?

[复制链接]
发表于 2009-4-22 22:13:20 | 显示全部楼层 |阅读模式
博客初建有许多问题不懂?请问:
博客中的代码是不能显示的,需要用“&lt”代替“<”,
可是“&lt”怎样输入呢?

由于帖子在网页中也是以HTML语言显示,所以当帖子中存在代码时,网页打开后就会试图运行它,从而导致帖子中代码不能正常显示,要想帖子中代码正常显示,用不会运行的定界符代替html中的TAG开始结束标记“<”和“>” 就可以了。具体做法就是:在代码部分用“&lt”代替“<”,用“&gt” 代替“>”。实际上,只替换“<”,代码就不会运行,便能正常显示了。 (一问“&lt”如何输入?)

同时,为了让读者对代码部分看到更加清楚,把它与主体文本区分开来,我们会希望给代码部分设置一个区域,给它不同的背景色或标志。这时,可以用CSS+DIV实现。具体做法是:   

步骤一:在模板中添加CSS            (二问:这这一步在哪里添加?)
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #F7F7F7 url() left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
line-height: 1.2em;
}
备注:所有参数均可以根据自己喜好进行更改,背景图也可以更换,当然如果你喜欢,可以下载下来,放在自己的空间里使用。
步骤二:在帖子中将HTML代码加在 <code></code>当中即可,例如:
<code>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if></code>
效果:
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>
备注: 对于blogger来说,可以在帖子模板中预设输入
<code>
代码部分
</code>
当有代码时,只需将更换了定界符的代码替换“代码部分”即可。
发表于 2009-4-22 22:43:11 | 显示全部楼层
呼呼
发表于 2009-4-23 00:32:19 | 显示全部楼层
:lol
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|小黑屋|免费吧论坛

GMT+8, 2024-11-29 16:45 , Processed in 0.019745 second(s), 4 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表