2012年10月1日 星期一

HTML <samp> Tag


定義及用法 Definition and Usage

samp 元素可以用來展示程式 ( program ) 或計算機 ( computing system ) 輸出的結果 ( sample)。


使用技巧及注意事項 Tips and Notes

和 samp元素相關的有 <pre> 以及 <kbd> ,<pre>用來表示程式碼、<kdb>表示使用者輸入的內容、<samp>表示程式運算後的結果。


可使用的屬性 Attributes

支援全域屬性(Global Attributes)事件屬性(Event Attributes)


範例 Examples
範例 1 example:
使用Windows命令列工具Ipconfig控制網路連線
<pre><samp><span class="prompt">C:\Users\dnow></span> <kbd>ipconfig /all</kbd>
Windows IP 設定

   主機名稱 . . . . . . . . . . . . .: dnowba-PC
   主要 DNS 尾碼  . . . . . . . . . .:
   節點類型 . . . . . . . . . . . . .: 混合式
   IP 路由啟用 . . . . . . . . . . . : 否
   WINS Proxy 啟用 . . . . . . . . . : 否

乙太網路卡 Local Area Connection:

   連線特定 DNS 尾碼 . . . . . . . . :
   描述 . . . . . . . . . . . . . . .: D-Link Gigabit Ethernet Adapter
   實體位址 . . . . . . . . . . . . .: 14-F6-4D-1D-4B-A9
   DHCP 已啟用 . . . . . . . . . . . : 是
   DNS 伺服器 . . . . . . . . . . . .: 192.168.0.1
   NetBIOS over Tcpip . . . . . . . .: 啟用
<span class="prompt">C:\Users\dnow></span> <span class="cursor">_</span></samp></pre>        

Demo結果如下

使用Windows命令列工具Ipconfig控制網路連線
C:\Users\dnow> ipconfig /all
Windows IP 設定

   主機名稱 . . . . . . . . . . . . .: dnowba-PC
   主要 DNS 尾碼  . . . . . . . . . .:
   節點類型 . . . . . . . . . . . . .: 混合式
   IP 路由啟用 . . . . . . . . . . . : 否
   WINS Proxy 啟用 . . . . . . . . . : 否

乙太網路卡 Local Area Connection:

   連線特定 DNS 尾碼 . . . . . . . . :
   描述 . . . . . . . . . . . . . . .: D-Link Gigabit Ethernet Adapter
   實體位址 . . . . . . . . . . . . .: 14-F6-4D-1D-4B-A9
   DHCP 已啟用 . . . . . . . . . . . : 是
   DNS 伺服器 . . . . . . . . . . . .: 192.168.0.1
   NetBIOS over Tcpip . . . . . . . .: 啟用

C:\Users\dnow> _

範例中用windows的命令提示工具(Command Prompt)作示例,表示當使用者輸入了 ipconfig /all 後,windows會依指令 print 出結果,輸出的結果部分,就用<samp>來標記。

範例 2 example:
<p>我在瀏覽Dnow網站介紹HTML的網頁時,傳回
<samp>We are sorry, the page you requested cannot be found.</samp>
的訊息,不知道新的網頁名稱是什麼?該不會移除頁面了吧</p>

Demo結果如下

我在瀏覽Dnow網站介紹HTML的網頁時,傳回 We are sorry, the page you requested cannot be found. 的訊息,不知道新的網頁名稱是什麼?該不會移除頁面了吧

範例 2 則是把瀏覽網頁的錯誤訊息,片段的摘錄寫在文章中。

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...
// Dnow Function