(一)網站到底是什么?
網站其實是由一個一個網頁構成的,要想理解網站是什么,首先要理解網頁是什么?
(二)網頁到底是什么?
(1)網頁其實就是服務器上的一個文件,當我們?yōu)g覽網頁時,這個文件會被下載到我們本地的電腦,然后再由瀏覽器解析,渲染出各種漂亮的界面,比如表格、圖片、標題、列表等。
(2)網頁文件的后綴有很多種,比如.html,.php,.jsp,.asp等,相信大家在瀏覽器的地址中都見到過.
(3)但是不管網頁的后綴是什么,它的本質都是一樣的,就是由 HTML 代碼構成的純文本文件。
(4)我們可以使用記事本,Notepad++、Sublime Text等等來進行編寫代碼.
(三)了解過網頁以后我們回過頭來看看什么是網站?
(1)網站可以認為是放在服務器上的一個文件夾,它包含了很多網頁文件以及很多子文件夾。
(2)用戶訪問網站就是讀取文件的內容,用戶分享數據就是修改文件的內容,或者刪除現有的文件,或者創(chuàng)建一個新的文件。
(四)HTML編譯器的下載
現如今運用最多的編寫軟件是Visual Studio Code,以后的代碼也是在Visual Studio Code中進行編寫.
(五)什么是HTML?
HTML是用來描述網頁的一種語言。HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本,添加圖片,創(chuàng)建鏈接、輸入表單、框架和表格等等,并可將之存為文本文件,瀏覽器即可讀取和顯示。
(1)HTML指的是超文本標記語言: HyperText Markup Language
(2)HTML不是一種編程語言,而是一種標記語言
(3)標記語言是一套標記標簽 (markup tag)
(4)HTML使用標記標簽來描述網頁
(5)HTML文檔包含了HTML 標簽及文本內容
(6)HTML文檔也叫做 web 頁面
(六)HTML標簽
(1)HTML標記標簽通常被稱為 HTML 標簽
(2)HTML標簽是由尖括號包圍的關鍵詞<標簽>
(3)HTML標簽通常是成對出現的<標簽>內容</標簽>
(4)標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
(5)開始和結束標簽也被稱為開放標簽和閉合標簽
(七)HTML元素
(1)HTML標簽和HTML元素通常都是描述的相同的意思
(2)但是嚴格來說,一個 HTML元素包含了開始標簽與結束標簽
(八)Web瀏覽器
(1)Web 瀏覽器(如谷歌瀏覽器、Internet Explorer、Firefox 和 Safari)是用于讀取 HTML 文件,并將其作為網頁顯示。
(2)Web 瀏覽器不會直接顯示 HTML 標簽,而是通過使用標簽來決定如何向用戶展現 HTML 頁面的內容
(九)HTML實例
接下來我們通過一個簡單的HTML實例來了解一下HTML的結構
注:進入Visual Studio Code以后,新建文件后綴改為.HTML,輸入!后按下回車即可創(chuàng)建基本框架.
HTML實例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
實例解析:
● DOCTYPE是標準通用標記語言的文檔類型聲明,有助于在瀏覽器中正確地顯示網頁,doctype聲明是不區(qū)分大小寫的.
● <html>標簽是 HTML 頁面的根元素,該標簽的結束標志為</html>
● <head>標簽包含了文檔的元數據
● <meta charset="utf-8">定義網頁編碼格式為utf-8,可以解決在瀏覽器中出現中文亂碼的現象。
● <title>標簽定義文檔的標題
● <body>標簽定義文檔的主體,即網頁可見的頁面內容,該標簽的結束標志為</body>
C語言網提供由在職研發(fā)工程師或ACM藍橋杯競賽優(yōu)秀選手錄制的視頻教程,并配有習題和答疑,點擊了解:
一點編程也不會寫的:零基礎C語言學練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進階課程
從零到寫出一個爬蟲的Python編程課程
只會語法寫不出代碼?手把手帶你寫100個編程真題的編程百練課程
信息學奧賽或C++選手的 必學C++課程
藍橋杯ACM、信息學奧賽的必學課程:算法競賽課入門課程
手把手講解近五年真題的藍橋杯輔導課程