程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

<ocde> 為行內元素 (inline element) ，標記出程式碼的部份。

起始標籤	結束標籤
需要	需要

舉例如下

<html>
<head>
<title>網頁標題</title>
</head>
<body>
這邊是 Java 的程式碼 <code>System.out.println();</code> 
， System 是 java.lang 中的類別， out 是 System 的屬性，
println() 是 out 的方法。
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：textexample09.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

利用瀏覽器 (broswer) 開啟，結果如下

這裡可以看出 <code> 的部份字型不一樣。

由於瀏覽器預設樣式的差異，所以不同瀏覽器可能會有顯示上的不同。

由於 <code> 主用功能是用來標記程式碼，由於預設樣式屬於行內元素，我們可以利用 CSS 多做一些樣式 (style) 變化

<html>
<head>
<title>網頁標題</title>
<style>
code {
    display: block;
    font-family: Courier;
    font-size: 80%;
    color: white;
    background-color: navy;
    padding: 10px 5px 5px 20px;
}
</style>
</head>
<body>
這邊是 Java 的程式碼 <code>System.out.println();</code> 
， System 是 java.lang 中的類別， out 是 System 的屬性，
println() 是 out 的方法。
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：textexample10.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

同樣用瀏覽器開啟