1. 程式人生 > >標籤,加入程式碼段

標籤,加入程式碼段

語法:

<pre>程式碼段</pre>
  • <pre> 標籤的主要作用:預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。

如下程式碼:

<pre>
    var message="歡迎";
    for(var i=1;i<=10;i++)
    {
        alert(message);
    }
</pre>

結果如圖

  • 注意:<pre>標籤不只是為顯示計算機的原始碼時用的,在你需要在網頁中預顯示格式時都可以使用它,只是<pre>標籤的一個常見應用就是用來展示計算機的原始碼。

練習:

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pre標籤的使用</title>
</head>

<body>
<pre>
var message="歡迎";
for(var i=1;i<=10;i++)<br>
{<br>
    alert(message); <br>
}<br>
</pre> </body> </html>

這裡寫圖片描述