Reflection

酋長的瑞福雷克循部落格

如何在網頁上顯示原始碼


(要如何才能顯示原始碼給大家欣賞呢?這是我在網站上制作HTML或CSS等教學網頁的筆記)

1.先檢查有沒有<>符號,有的話,把<改為<>改為>。其餘若有用到的部分,也是一律改用&以上全型字改為半型。

2.用純文字編輯器把原始碼中的符號找出來,全部取代為<這四個符號。
同樣,符號自已在作的時候寫為半型的,勿像此頁用全型的。

3.用純文字編輯器把原始碼中的符號找出來,全部取代為>這四個符號。
同樣,符號自已在作的時候寫為半型的,勿像此頁用全型的。

4.用<pre>和</pre>這兩個標籤包住想顯示的原始碼。(標籤自已轉成半型,勿像此頁用全型的)。也可以用<blockquote>和</blockquote>標籤包住。

5.完成,存檔上傳測試。

註:在編輯器中要像這樣,插入body標籤中。
要如何才能顯示原始碼給大家欣賞

Related Posts with Thumbnails



文章版權宣告:Creative Commons 需標示作者姓名文章版權宣告:Creative Commons 商業用需經作者同意 歡迎轉載、引用本站文章或使用本作者之攝影作品。引用或使用本站文字或攝影作品時需標示作者名 James Chiou (Chieftain),並附上本站超連結,商業用需經作者同意。


Comments

1
Author:  AaronNo Gravatar | Date:  August 13, 2003 | Time:  1:39 am

程式碼應該用<cdoe>和</cdoe>括起。

2
Author:  酋長No Gravatar | Date:  August 13, 2003 | Time:  3:00 am

謝謝你囉。
不過我剛剛在我的mt上面測試的結果,我把有這個符號 的原碼,以你的方法加在那你那兩個標籤之中,並沒成功哪……

3
Author:  酋長No Gravatar | Date:  August 25, 2003 | Time:  11:00 pm

其實不加<pre>和</pre>這兩個標籤也是行的通的啦。

4
Author:  AaronNo Gravatar | Date:  October 6, 2003 | Time:  4:25 am

Tricky! Pls see my page: http://www.virtualmonkeys.net/archives/000200.html
我見過Alice也是用的,但xhtml好像不推薦。

另:我還是過不了XHTML1.0那一關。請問如何從HTML轉為XHTML呢?(i.e.有何重點)

5
Author:  FexNo Gravatar | Date:  October 6, 2003 | Time:  8:42 am

從HTML to XHTML 1.0 可以看看這個網頁....
http://www.w3schools.com/xhtml/xhtml_howto.asp

原始網站: http://www.w3schools.com/
很值得一看.....^^

6
Author:  酋長No Gravatar | Date:  October 6, 2003 | Time:  9:32 am

謝謝你,關於顯示原始碼的問題,我查了幾本書,內容大意大概是這樣的:

1. 上述兩個符號(小於和大於)還是要利用文字編輯器取代為&lt;和&gt;(請自行轉為半型)

2. 用code標籤括起原始碼的前後,在語意上是正確的。也可以不設(不用這個括起),因為取代為&lt;和&gt;的話,其實在網頁上就可以呈現出來。另外,也有人用blockquote來作。

3. 但是要在網站上作呈現,還要在style-site.css(css檔)中作設定:
新增一行 code {bla; bla; bla......}

4. bla; bla; bla......是作字型、邊界等的外觀設定的值,請自行代入。

我的問題是:你怎麼會想用兩個css來控制一個網頁呢?什麼情況下?

另外,真是不好意思( ^_^ ),xhtml的問題,我目前還沒辦法幫你。因為我不會。 :p

7
Author:  AaronNo Gravatar | Date:  March 13, 2004 | Time:  12:43 am

這麼晚才回到這邊實在有點不好意思…………
Re:
1.對啊,<, >, &amp在html中是雖要特別處理的幾個常用符號
2. HTML is a structural language, and so I think "code" is better than "pre" and "blockquote". ("blockquote" means quote, quote from others says in HTML)
3.Yup, you need to write a piece of code in css if you want to change the visual effect of the code in a html page.

Re: "我的問題是:你怎麼會想用兩個css來控制一個網頁呢?什麼情況下?"
For more control, and better structure.
Firstly CSS is produced to take over the style of HTML, and so HTML controls no style/presentation.
As a individual file, browser needs to download the style (.css) of the whold site once and therefore data-transfer is less (due to: need to transfer the "pure" html file only), and so users download webpage faster than in the old day.
So, I think: Can I reduce the data-transfer even more? → I use two .css files to control different tasks of style. :-)

8
Author:  Hitsuji@blog-spring | Date:  August 21, 2003 | Time:  6:42 pm

如何在網頁上顯示原始碼

突然發現.... 把文章修改成看得到的程式碼...蠻累的,不過蠻好用 ^^"" http://www.chieftain.idv.tw/archives/000032.html

9
Author:  Jeph 的小筆記 | Date:  December 15, 2003 | Time:  5:46 am

如何在網頁上顯示原始碼

如何在網頁上顯示原始碼: 要在網誌上秀原始碼的注意事項.

10
Author:  Monkeys' B[L]OG | Date:  March 13, 2004 | Time:  1:30 am

CSS & 顯示網頁原始碼

無意間回到酋長的如何在網頁上顯示原始碼回了一些討論,才發覺自己已經有一段頗長的時間沒與人討論有關HTML & CSS的觀念了。 難道這就是我近來對它們提不起興趣的原因? hlb,你何時�...

11
Author:  Monkeys' B[L]OG | Date:  April 3, 2004 | Time:  8:23 pm

CSS & 顯示網頁原始碼

無意間回到酋長的如何在網頁上顯示原始碼回了一些討論,才發覺自己已經有一段頗長的時間沒與人討論有關HTML & CSS的觀念了。 難道這就是我近來對它們提不起興趣的原因? hlb,你何時�...

12
Author:  The Way You Are | Date:  April 30, 2004 | Time:  2:34 am

如何快速编辑文章

有的时候在回看自己BLOG文章的时候会想要做一点修改,或者是想看看文章的格式。通常方法就是登陆控制面板,点击editing menu,再点击edit entries,然后点击想要修改的文章,如果那篇文章比�...

13
Author:  泉水边 | Date:  May 23, 2004 | Time:  12:16 am

如何在网頁上显示原始码

在做调整分类汇总和月汇总只显示摘要的时候,怕自己忘记,就全文引...



Write a Comment

* 因為本站有快取和防止廣告迴響的機制,所以您的留言可能稍後才會顯示在網頁上。