HTML 簡介

海豚V靓仔發表於2024-08-04
HTML

HTML（HyperText Markup Language）是一種用於建立網頁和網頁應用程式的標準標記語言。它不是一種程式語言，因為它不包含程式語言的特性，如變數、迴圈或條件語句。相反，HTML 使用一系列的標籤（tags）來定義網頁的結構和內容。這些標籤告訴瀏覽器如何顯示文字、圖片、連結、表格等元素。

HTML 的基本結構

一個基本的 HTML 文件結構通常包括以下幾個部分：

  1. <!DOCTYPE html>：宣告文件型別和 HTML 版本（雖然不是嚴格必要的，但在 HTML5 中推薦使用）。
  2. <html>：這是根元素，包含了整個 HTML 文件的內容。
  3. <head>：包含了文件的後設資料（metadata），如文件的標題（<title>）、對外部檔案（如 CSS 樣式表和 JavaScript 檔案）的引用等。這些元素對網頁的佈局和樣式有重要影響，但不會在網頁上直接顯示。
  4. <body>：包含了可見的頁面內容，如文字、圖片、影片、遊戲、可點選的按鈕等。

示例解釋

<html>
<body>

<h1>我的第一個標題</h1>

<p>我的第一個段落。</p>

</body>
</html>
  • <html> 和 </html>：這兩個標籤包裹了整個 HTML 文件的內容。
  • <body> 和 </body>：這兩個標籤之間的內容是網頁的可見部分。
  • <h1> 和 </h1>：定義了一個標題。<h1> 是最高階別的標題，通常用於主標題。
  • <p> 和 </p>：定義了一個段落。

HTML 編輯器

HTML 編輯器是編寫 HTML 程式碼的工具。它們可以是簡單的文字編輯器（如 Notepad、VS Code、Sublime Text 等），也可以是具有高階功能的整合開發環境（IDE），這些環境提供了程式碼高亮、自動完成、實時預覽等功能，使編寫和除錯 HTML 程式碼變得更加容易。

親自試一試

要親自嘗試編寫 HTML，你可以開啟任何文字編輯器，複製上面的示例程式碼，然後儲存檔案為 .html 副檔名（例如 index.html）。之後，你可以使用任何現代網路瀏覽器（如 Chrome、Firefox、Edge 等）開啟這個檔案，檢視你的網頁是如何顯示的。透過修改程式碼並重新載入頁面，你可以學習不同的 HTML 標籤和屬性是如何影響網頁的佈局和外觀的。

本文由一同學習平臺 GlGxt.CN 釋出！

相關文章