Category Archives: HTML

網站構建初級教程-HTML 初級教程

Leave a reply

HTML 初級教程

實例

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

親自試一試

什麼是HTML？

HTML 是用來描述網頁的一種語言。

  • HTML指的是超文本標記語言( H yper T ext M arkup L anguage)
  • HTML不是一種編程語言，而是一種標記語言(markup language)
  • 標記語言是一套標記標籤(markup tag)
  • HTML使用標記標籤來描述網頁

HTML 標籤

HTML 標記標籤通常被稱為HTML 標籤(HTML tag)。

  • HTML標籤是由尖括號包圍的關鍵詞，比如<html>
  • HTML標籤通常是成對出現的，比如<b>和</b>
  • 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
  • 開始和結束標籤也被稱為開放標籤和閉合標籤

HTML 文檔= 網頁

  • HTML文檔描述網頁
  • HTML文檔包含HTML標籤和純文本
  • HTML文檔也被稱為網頁

Web 瀏覽器的作用是讀取HTML 文檔，並以網頁的形式顯示出它們。瀏覽器不會顯示HTML 標籤，而是使用標籤來解釋頁面的內容：

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解釋

  • <html> 與</html> 之間的文本描述網頁
  • <body> 與</body> 之間的文本是可見的頁面內容
  • <h1> 與</h1> 之間的文本被顯示為標題
  • <p> 與</p> 之間的文本被顯示為段落

HTML5 教程-HTML 編輯器

Leave a reply

HTML 編輯器

使用Notepad 或TextEdit 來編寫HTML

可以使用專業的HTML 編輯器來編輯HTML：

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

不過，我們同時推薦使用文本編輯器來學習HTML，比如Notepad (PC) 或TextEdit (Mac)。我們相信，使用一款簡單的文本編輯器是學習HTML 的好方法。

通過記事本，依照以下四步來創建您的第一張網頁。

步驟一：啟動記事本

如何啟動記事本：

開始
    所有程序
        附件
            記事本

步驟二：用記事本來編輯HTML

在記事本中鍵入HTML 代碼：

記事本

步驟三：保存HTML

在記事本的文件菜單選擇“另存為”。

當您保存HTML 文件時，既可以使用.htm 也可以使用.html 擴展名。兩者沒有區別，完全根據您的喜好。

在一個容易記憶的文件夾中保存這個文件，比如w3school。

步驟四：在瀏覽器中運行這個HTML 文件

啟動您的瀏覽器，然後選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的HTML 文件。

結果應該類似這樣：

在瀏覽器中查看