HTML5與CSS3基礎徹底自學教程（一）

時間 2019-11-08

標籤 html5 html css3 css 基礎徹底自學教程欄目 HTML5 简体版

原文原文鏈接

本文首發於【前端課湛】微信公衆號。能夠在微信裏搜索【前端課湛】關注，第一時間看文章！html

導讀：本小節主要講解 HTML 的基本信息，其中包含 HTML 概念、HTML 發展歷程和 HTML 標準版本的發展歷程。經過本小節的學習能夠對 HTML 的含義有個初步的理解，爲後續進一步學習 HTML 相關概念打下基礎。前端

什麼是 HTML

HTML 是個縮寫形式，其全稱爲 Hyper Text Markup Language，翻譯成中文的含義爲 超文本標記語言。HTML 不是一門編程語言，而是一門標記語言，由於 HTML 是由一系列的元素組成，這些元素能夠包含文本、超連接等不一樣內容。編程

以下示例代碼是展現了基本的 HTML 結構：瀏覽器

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>HTML基本結構</title>
</head>

<body>
  <h1>這是最基本的HTML結構</h1>
</body>

</html>
複製代碼

提示：上述示例代碼的具體含義會在後續章節中進行講解，這裏僅做爲展現。bash

想要對 HTML 的概念進一步瞭解的話，須要將概念分紅 超文本 和 標記語言 兩部分進行分別學習。微信

1. 什麼是超文本

首先，先來說一講有關超文本的含義。HTML 最先是由文本發展而來的，關於文本咱們通常是比較熟悉的。例如咱們建立一個擴展名爲.txt的文件，並編寫以下示例內容：編程語言

這是一個文本文件。
複製代碼

這樣就建立了一個文本文件。如今咱們將這個文本文件的擴展名修改成.html或者.htm，這樣這個文本文件就變成了一個 HTML 文件。經過瀏覽器運行是能夠顯示這個 HTML 文件的內容了，以下圖所示：編輯器

說明：上述示例中的 HTML 不是標準的 HTML。由於 HTML 的語法是鬆散型的，因此瀏覽器是能夠正確解析並運行的。ide

隨着 HTML 的發展，到目前爲止已經不只僅是文本內容這麼簡單，還能夠顯示圖片、連接、音樂，甚至視頻等更復雜的內容。學習

2. 什麼是標記語言

理解了 超文本 的含義，接下來咱們再來看看 標記語言 要如何來理解。首先，咱們來看這樣的一個描述：

標記語言，是一種將文本以及文本相關的其餘信息結合起來，展示出關於文檔結構和數據處理細節的電腦文字編碼。與文本相關的其餘信息（包括例如文本的結構和表示信息等）與原來的文本結合在一塊兒，可是使用標記進行標識。 —— 摘自【百度百科】

百度百科上關於 標記語言 的描述是比較抽象地、比較難懂地。咱們能夠這樣簡單地來理解 標記語言 的含義。標記語言 中的標記指的就是 HTML 中的元素（Element），而 HTML 就是由這樣的一系列元素組成的，因此被稱爲 標記語言。

以下圖所示展現了一個 HTML 元素的結構：

注意：HTML 的元素是給定的。不管是 HTML 元素的數量，仍是 HTML 元素的做用都是固定不變的。換句話講，咱們學習 HTML 簡單來講就是學習 HTML 元素的含義、做用以及用法等內容。

HTML 發展歷程

理解了 HTML 的概念以後，咱們再來介紹有關 HTML 的發展歷程。

提示：這部份內容瞭解便可，畢竟對咱們學習 HTML 自己是沒有任何影響的。

早在 1989 年，蒂姆·伯納斯-李爲使世界各地的物理學家可以方便的進行合做研究，建立了使用於其系統的 HTML。蒂姆·伯納斯-李 設計的 HTML 是以純文字格式爲基礎，可使用任何文本編輯器處理，最初僅有少許標記（TAG）而易於掌握運用。

隨着 HTML 使用率的增長，人們不知足只能看到文字。1993 年，仍是大學生的 馬克·安德生 在他的 Mosaic 瀏覽器加入 <img> 標記，今後能夠在 Web 頁面上瀏覽圖片。

但人們認爲僅有圖片仍是不夠，但願可將任何形式的媒體加到網頁上，所以 HTML 得以不斷地擴充和發展。

HTML 版本發展歷程

自 1993 年以後 HTML 出現真正意義上的初版，發展到至今，經歷了 5 個大版本的更新和迭代。具體每一個版本發佈的時間以下：

超文本標記語言（初版）—— 在 1993 年 6 月做爲互聯網工程工做小組（IETF）工做草案發布（並不是標準）
HTML 2.0 —— 1995 年 11 月做爲 RFC 1866 發佈，在 RFC 2854 於 2000 年 6 月發佈以後被宣佈已通過時
HTML 3.2 —— 1997 年 1 月 14 日，W3C 推薦標準
HTML 4.0 —— 1997 年 12 月 18 日，W3C 推薦標準
HTML 4.01（微小改進）—— 1999 年 12 月 24 日，W3C 推薦標準
HTML 5 —— 第一份正式草案已於 2008 年 1 月 22 日公佈，正式版本發佈於 2014 年 10 月 29 日

名詞解釋：

IETF 是簡寫形式，其全稱爲 The Internet Engineering Task Force，翻譯成中文的含義爲 互聯網工程工做小組。成立於1985年末，是全球互聯網最具權威的技術標準化組織，主要任務是負責互聯網相關技術規範的研發和制定，當前絕大多數國際互聯網技術標準出自IETF。

RFC 是簡寫形式，其全稱爲 Request For Comments，翻譯成中文的含義爲 請求評論。是一系列以編號排定的文件，包含了關於 Internet 的幾乎全部重要的文字資料。

W3C 指 萬維網聯盟（World Wide Web），1994 年 10 月在麻省理工學院計算機科學實驗室由 蒂姆·伯納斯-李 建立，是 Web 技術領域最具權威和影響力的國際中立性技術標準機構。