如何在網頁上顯示原始碼
(要如何才能顯示原始碼給大家欣賞呢?這是我在網站上制作HTML或CSS等教學網頁的筆記)
1.先檢查有沒有<及>符號,有的話,把<改為<。>改為>。其餘若有用到&的部分,也是一律改用&以上全型字改為半型。
2.用純文字編輯器把原始碼中的<符號找出來,全部取代為<這四個符號。
同樣,符號自已在作的時候寫為半型的,勿像此頁用全型的。
3.用純文字編輯器把原始碼中的>符號找出來,全部取代為>這四個符號。
同樣,符號自已在作的時候寫為半型的,勿像此頁用全型的。
4.用<pre>和</pre>這兩個標籤包住想顯示的原始碼。(標籤自已轉成半型,勿像此頁用全型的)。也可以用<blockquote>和</blockquote>標籤包住。
5.完成,存檔上傳測試。
註:在編輯器中要像這樣,插入body標籤中。




漢字 --> English | English --> 漢字 | 繁體 --> 簡體
類似日誌:
隨機閱讀:
Comments
程式碼應該用<cdoe>和</cdoe>括起。
謝謝你囉。
不過我剛剛在我的mt上面測試的結果,我把有這個符號 的原碼,以你的方法加在那你那兩個標籤之中,並沒成功哪……
其實不加<pre>和</pre>這兩個標籤也是行的通的啦。
Tricky! Pls see my page: http://www.virtualmonkeys.net/archives/000200.html
我見過Alice也是用的,但xhtml好像不推薦。
另:我還是過不了XHTML1.0那一關。請問如何從HTML轉為XHTML呢?(i.e.有何重點)
從HTML to XHTML 1.0 可以看看這個網頁....
http://www.w3schools.com/xhtml/xhtml_howto.asp
原始網站: http://www.w3schools.com/
很值得一看.....^^
謝謝你,關於顯示原始碼的問題,我查了幾本書,內容大意大概是這樣的:
1. 上述兩個符號(小於和大於)還是要利用文字編輯器取代為&lt;和&gt;(請自行轉為半型)
2. 用code標籤括起原始碼的前後,在語意上是正確的。也可以不設(不用這個括起),因為取代為&lt;和&gt;的話,其實在網頁上就可以呈現出來。另外,也有人用blockquote來作。
3. 但是要在網站上作呈現,還要在style-site.css(css檔)中作設定:
新增一行 code {bla; bla; bla......}
4. bla; bla; bla......是作字型、邊界等的外觀設定的值,請自行代入。
我的問題是:你怎麼會想用兩個css來控制一個網頁呢?什麼情況下?
另外,真是不好意思( ^_^ ),xhtml的問題,我目前還沒辦法幫你。因為我不會。 :p
這麼晚才回到這邊實在有點不好意思…………
Re:
1.對啊,<, >, &在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.
如何在網頁上顯示原始碼
突然發現.... 把文章修改成看得到的程式碼...蠻累的,不過蠻好用 ^^"" http://www.chieftain.idv.tw/archives/000032.html
如何在網頁上顯示原始碼
如何在網頁上顯示原始碼: 要在網誌上秀原始碼的注意事項.
CSS & 顯示網頁原始碼
無意間回到酋長的如何在網頁上顯示原始碼回了一些討論,才發覺自己已經有一段頗長的時間沒與人討論有關HTML & CSS的觀念了。 難道這就是我近來對它們提不起興趣的原因? hlb,你何時�...
CSS & 顯示網頁原始碼
無意間回到酋長的如何在網頁上顯示原始碼回了一些討論,才發覺自己已經有一段頗長的時間沒與人討論有關HTML & CSS的觀念了。 難道這就是我近來對它們提不起興趣的原因? hlb,你何時�...
如何快速编辑文章
有的时候在回看自己BLOG文章的时候会想要做一点修改,或者是想看看文章的格式。通常方法就是登陆控制面板,点击editing menu,再点击edit entries,然后点击想要修改的文章,如果那篇文章比�...
如何在网頁上显示原始码
在做调整分类汇总和月汇总只显示摘要的时候,怕自己忘记,就全文引...
Write a Comment