網站其實是由一個一個網頁構成的,要想理解網站是什麼,首先要理解網頁是什麼?
(1)網頁其實就是伺服器上的一個檔案,當我們瀏覽網頁時,這個檔案會被下載到我們本地的電腦,然後再由瀏覽器解析,渲染出各種漂亮的介面,例如表格、圖片、標題、列表等。
(2)網頁文件的後綴有很多種,比如.html,.php,.jsp,.asp等,相信大家在瀏覽器的地址中都見過過.
(3)但是不管網頁的字尾是什麼,它的本質都是一樣的,就是由HTML 程式碼所構成的純文字檔。
(4)我們可以使用記事本,Notepad++、Sublime Text等等來進行寫程式碼.
(1)網站可以認為是放在伺服器上的一個資料夾,它包含了很多網頁檔案以及很多子資料夾。
(2)使用者造訪網站就是讀取文件的內容,使用者分享資料就是修改文件的內容,或是刪除現有的文件,或是建立新的文件。
現今運用最多的編寫軟體是Visual Studio Code,以後的程式碼也是在Visual Studio Code中進行編寫.
HTML是用來描述網頁的一種語言。 HTML 是一種在Web 上使用的通用標記語言。 HTML 允許你格式化文本,添加圖片,創建連結、輸入表單、框架和表格等等,並可將之存為文本文件,瀏覽器即可讀取和顯示。
(1)HTML指的是超文本標記語言: HyperText Markup Language
(2)HTML不是一種程式語言,而是一種標記語言
(3)標記語言是一套標記標籤(markup tag)
(4)HTML使用標記標籤來描述網頁
(5)HTML文件包含了HTML 標籤及文字內容
(6)HTML文檔也叫做web 頁面
(1)HTML標記標籤通常被稱為HTML 標籤
(2)HTML標籤是由尖括號包圍的關鍵字<標籤>
(3)HTML標籤通常是成對出現的<標籤>內容</標籤>
(4)標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
(5)開始和結束標籤也被稱為開放標籤和閉合標籤
(1)HTML標籤和HTML元素通常都是描述的相同的意思
(2)但是嚴格來說,一個HTML元素包含了開始標籤與結束標籤
(1)Web 瀏覽器(如Google瀏覽器、Internet Explorer、Firefox 和Safari)是用於讀取HTML 文件,並將其作為網頁顯示。
(2)Web 瀏覽器不會直接顯示HTML 標籤,而是透過使用標籤來決定如何向使用者展現HTML 頁面的內容
接下來我們透過一個簡單的HTML實例來了解HTML的結構
註:進入Visual Studio Code以後,新建檔案後綴改為.HTML,輸入!後按下回車即可建立基本框架.
HTML實例如下:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>Document</title></head><body>< /body></html>
實例解析:
●DOCTYPE是標準通用標記語言的文檔類型聲明,有助於在瀏覽器中正確地顯示網頁,doctype聲明是不區分大小寫的.
●<html>標籤是HTML 頁面的根元素,該標籤的結束標誌為</html>
●<head>標籤包含了文件的元數據
●<meta charset=utf-8>定義網頁編碼格式為utf-8,可以解決在瀏覽器中出現中文亂碼的現象。
●<title>標籤定義文件的標題
●<body>標籤定義文件的主體,即網頁可見的頁面內容,該標籤的結束標誌為</body>