快速入門：顯示文字 (HTML)
[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱 最新文件 ]
使用 JavaScript 的 Windows 市集應用程式可以使用幾個元素來顯示文字。顯示唯讀文字的主要元素包含 label、div、paragraph 和 heading。本快速入門說明如何使用這些元素來顯示文字。
如需了解此功能的運作情形，請參閱應用程式功能，從開始到完成系列: Windows 市集應用程式 UI，從開始到完成
先決條件
- 我們假設您可以利用 JavaScript，以適用於 JavaScript 的 Windows Library 範本建立基本的 Windows 市集應用程式。如果建立您的第一個應用程式時需要協助，請參閱使用 JavaScript 建立您的第一個 Windows 市集應用程式。
Label、div、paragraph 和文字區域
Label、div、paragraph 和 heading 是使用 JavaScript 的 Windows 市集應用程式顯示唯讀文字的主要控制項。這個 HTML 顯示如何定義簡易 label 控制項以及設定其文字。
<label>Hello, World!</label>
您可以使用內嵌 style 屬性來顯示不同格式的文字。以下為如何使用 style 屬性搭配 div、paragraph、label 和 heading 控制項來定義多個不同格式的文字字串。
注意 您也可以改用階層式樣式表 (CSS) 而不使用 style 屬性來顯示不同格式的文字。這可讓您定義一次樣式，然後從多個控制項參照它。如果您之後需要變更樣式的定義，只需要在一個地方進行這些變更。如需詳細資料，請參閱階層式樣式表。
<div style="font-family:Arial">Sample text formatting runs</div>
<!-- 'margin:0px' removes any default margins from the <p> element. -->
<p style="margin:0px; color:lightgray; font-family:'courier new'; font-size:24px">Courier New 24</p>
<label style="color:teal; font-family:'times new roman'; font-style:italic; font-size:18px">Times New Roman Italic 18</label><br />
<!-- 'padding:0px' remove any default padding from the <h1> element. -->
<h1 style="padding:0px; background-color:transparent; color:steelblue; font-family:Verdana; font-weight:bold; font-size:14px">Verdana Bold 14</h1>
結果如下。
.png "使用 Run 的文字。")
摘要與後續步驟
您已學會如何建立 label、div、paragraph 及 heading 元素以在應用程式中顯示文字。