《HTML、CSS、JavaScript 網頁制作從入門到精通》——第1章 HTML基礎1.1 HTML的基本概念

本節書摘來自異步社群《html、css、javascript 網頁制作從入門到精通》一書中的第1章，第1.1節，作者：【美】john resig（萊西格） , bear bibeault（貝比奧特) 譯者： 徐濤 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

html、css、javascript 網頁制作從入門到精通

在當今社會中，網絡已成為人們生活的一部分，網頁設計技術已成為學習計算機的重要内容之一。目前大部分網頁都采用可視化網頁編輯軟體來制作的，但是無論采用哪一種網頁編輯軟體，最後都是将所設計的網頁轉化為html。html是搭建網頁的基礎語言，如果不了解html，就不能靈活地實作想要的網頁效果。本章就來介紹html的基本概念和編寫方法以及浏覽html檔案的方法，使讀者對html有個初步的了解，進而為後面的學習打下基礎。

學習目标

了解html的基本概念

掌握html檔案的編寫方法

掌握使用浏覽器浏覽html檔案

html的英文全稱是hyper text markup language，它是網頁超文本标記語言，也是全球廣域網上描述網頁内容和外觀的标準。

1.1.1 html簡介

html作為一款标記語言，本身不能顯示在浏覽器中。标記語言經過浏覽器的解釋和編譯，才能正确地反映html标記語言的内容。html從1.0到4.01經曆了巨大的變化，從單一的文本顯示功能到多功能互動，許多特性經過多年的完善，已經成為了一款非常成熟的标記語言。

html不是一款程式設計語言，而是一款描述性的标記語言，用于描述超文本中内容的顯示方式。如文字以什麼顔色、大小來顯示等，這些都是利用html标記完成的。其最基本的文法就是<标記符>内容标記符>。标記符通常都是成對使用，有一個開頭标記和一個結束标記。結束标記隻是在開頭标記的前面加一個斜杠“/”。當浏覽器收到html檔案後，就會解釋裡面的标記符，然後把标記符相對應的功能表達出來。

如在html中用标記符來定義文字為斜體字，用标記符來定義文字為粗體字。當浏覽器遇到标記時，就會把标記中的所有文字以斜體樣式顯示出來。遇到标記時，就會把标記中的所有文字以粗體樣式顯示出來。

1.1.2 html檔案的基本結構

完整的html檔案包括标題、段落、清單、表格以及各種嵌入對象，這些對象統稱為html元素。一個html檔案的基本結構如下。

< html>檔案開始标記

檔案頭開始的标記

……檔案頭的内容

head>檔案頭結束的标記

< body>檔案主體開始的标記

……檔案主體的内容

body>檔案主體結束的标記

html>檔案結束标記

從上面的代碼可以看出，在html檔案中，所有的标記都是相對應的，開頭标記為<>，結束标記為>，在這兩個标記中間添加内容。

**

1.1.3 認識html标記**

html是超文本标記語言，主要通過各種标記來标示和排列各對象，通常由尖括号“<”、“>”以及其中所包含的标記元素組成。

在html中，所有的标記都是成對出現的，而結束标記總是在開始标記前增加一個“/”。标記與标記之間還可以嵌套，也可以放置各種屬性。此外，在源檔案中标記是不區分大小寫的。

html定義了以下3種标記，用于描述頁面的整體結構。

标記：它放在html的開頭，表示網頁文檔的開始。

标記：出現在文檔的起始部分，标明文檔的頭部資訊，一般包括标題和主題資訊，其結束标記指明文檔标題部分的結束。

标記：用來指明文檔的主體區域，網頁所要顯示的内容都放在這個标記内，其結束标記指明主體區域的結束。