w3schools網站的HTML教程之HTML介紹

時間 2020-02-02

標籤 w3schools schools 網站 html 教程介紹欄目網站開發简体版

原文原文鏈接

什麼是HTML

HTML 是一種描述 Web 文檔（頁面）的標記語言。html

HTML 表明超文本標記語言（Hyper Text Markup Language）html5
標記語言就是一組標記標籤瀏覽器
HTML 文檔是由 HTML 標籤來描述的網絡
每一個 HTML 標記描述了不一樣的文檔內容網站

HTML 示例代碼

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

  </body>
</html>

示例代碼解釋

DOCTYPE 聲明定義將 HTML 文檔類型ui
<html>和</html>標籤之間的文本描述了一個 HTML 文檔spa
<head>和</head>標籤之間的文本提供了有關 HTML 文檔的信息翻譯
<title>和</title>標籤之間的文本提供了有關 HTML 文檔的標題3d
<body>和</body>標籤之間的文本描述了可見的 HTML 文檔內容code
<h1>和</h1>標籤之間的文本描述了標題
<p>和</p>標籤之間的文本描述了段落

經過使用這些描述，瀏覽器能夠顯示一個 HTML 文檔的標題和段落。

HTML 標籤

HTML 標籤是包含了一對尖角號的關鍵詞（標籤名稱）：

<tagname>content</tagname>

HTML 標籤一般是成對的，好比<p>和</p>
一對標籤中的第一個標籤是開始標籤，第二個是結束標籤
結束標籤像開始標籤同樣編寫，只是在標籤名稱的前面有一個斜槓

開始標籤也能夠叫作打開標籤，結束標籤也能夠叫作關閉標籤。

Web 瀏覽器

一個 Web 瀏覽器的做用是讀取並顯示一個 HTML 文檔。
一個 Web 瀏覽器不顯示 HTML 標籤，而是經過它們來肯定如何顯示 HTML 文檔。

HTML 頁面結構

下面是一個 HTML 頁面結構的示例：

<html>
  <head>
    <title>Page title</title>
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
  </body>
</html>

瀏覽器只顯示<body>標籤區域內的內容。

`<!DOCTYPE>` 聲明

<!DOCTYPE> 聲明有助於瀏覽器可以正確地顯示 HTML 頁面。
網絡中具備不一樣的文檔類型。
想要正確地顯示 HTML 文檔，瀏覽器必需要知道 HTML 文檔的類型和版本。
<!DOCTYPE> 聲明是不區分大小寫的，如下全部寫法都是正確地：

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

常見聲明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 版本

在網絡的早期，HTML 就具備了不少版本：

版本	年份
HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2014

本文翻譯於《w3schools》網站提供的 HTML 教程。

1. w3schools網站的HTML教程之HTML基礎
2. w3schools網站的HTML教程之HTML編輯器
3. HTML的介紹
4. 1.1.HTML的介紹
5. HTML介紹
6. Html介紹——001
7. html介紹
8. HTML 介紹
9. HTML DOM介紹
10. web前端之 HTML介紹
更多相關文章...
• 網站主機介紹 - 網站主機教程
• 網站主機教程 - 網站主機教程
• 互聯網組織的未來：剖析GitHub員工的任性之源
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

html+css+javascript+html

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。