跳至內容

HTML/第一個例子

維基教科書,自由的教學讀本
<html>
<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>
</html>
  1. 將上面的HTML代碼複製到文本編輯器中,如記事本,gedit,Emacs等。
  2. 保存為後綴名為.html或者.htm的文本文件。
  3. 在你的瀏覽器中文件菜單,打開此文檔。

在瀏覽器中顯示為:

注意:

  • 實際顯示結果可能有所差別,這與作業系統,瀏覽器及字體等有關
  • 使用英文可以避免產生亂碼,以後將介紹語言編碼和避免亂碼的方法

示例解析:

  • <html>,</html>,<body>,</body>,<p>,</p>,<h1>,</h1>都是HTML標籤,它們通常由一對尖括號(<>)包圍。HTML標籤不止這些,更多標籤會陸續介紹。
  • 標籤通常是成對的,首標籤是尖括號內加單詞的形式,尾標籤是尖括號斜槓加單詞的形式。如<html>和</html>就是一對標籤,它們定義兩個首尾標籤中間的內容。
  • <html> 与 </html> 之間的文本描述網頁
  • <body> 与 </body> 之間的文本是可見的頁面內容
  • <h1> 与 </h1> 之間的文本被顯示為標題
  • <p> 与 </p> 之間的文本被顯示為段落
  • HTML文本文件就是網頁,可以和普通純文本文檔一樣被創建和修改。

練習:修改<h1>...</h1>及<p>...</p>之間的內容,並在瀏覽器中察看效果。