一、什么是WEB前端
1.1 什么是WEB頁面(Web page)
? ? 解釋:WEB頁面是萬維網(wǎng)上的一個按照HTML格式組織起來的文件。在通過萬維網(wǎng)進行信息查詢時,以信息頁面的形式出現(xiàn),它可包括圖形、文字、聲音和視像等信息。?文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素。
我的理解是:WEB頁面是將文字 ,聲音,圖片,視頻等信息按照他規(guī)定的規(guī)矩進行標(biāo)志(HTML格式),然后最終以信息頁面的方式展現(xiàn)給用戶。
1.2 ?什么是HTML ? (Hyper Text Markup Language)
? ? ?超文本(hypertext):一種全局性的信息結(jié)構(gòu),它將文檔中的不同部分通過關(guān)鍵字建立鏈接,使信息得以用交互方式搜索。它是超級文本的簡稱
? ? ?超媒體(hypermedia)?超媒體是超文本(hypertext)和多媒體在信息瀏覽環(huán)境下的結(jié)合。它是超級媒體的簡稱。用戶不僅能從一個文本跳到另一個文本,而且可以激活一段聲音,顯示一個圖形,甚至可以播放一段動畫
? ? ? ?Internet采用超文本和超媒體的信息組織方式,將信息的鏈接擴展到整個Internet上。Web就是一種超文本信息系統(tǒng),Web的一個主要的概念就是超文本連接,它使得文本不再象一本書一樣是固定的線性的。而是可以從一個位置跳到另外的位置??梢詮闹蝎@取更多的信息??梢赞D(zhuǎn)到別的主題上。想要了解某一個主題的內(nèi)容只要在這個主題上點一下,就可以跳轉(zhuǎn)到包含這一主題的文檔上。正是這種多連接性把它稱為Web。
? 我的理解是:我們想通過WEB網(wǎng)頁去獲取想要的信息,如同我們?nèi)D書館去找相關(guān)知識的書本,如我想學(xué)習(xí)WEB前端開發(fā)的相關(guān)知識,首先我要到學(xué)校圖書館去找到WEB前端標(biāo)簽,然后我們根據(jù)標(biāo)簽獲取到我樣想要的書本,再之后,根據(jù)書本的目錄準(zhǔn)確找到我想要知識點所處的頁碼信息。而在WEB項目,我們通過文字,或是圖片的鏈接來尋找我們想要知識點的準(zhǔn)確位置
? ? ?超文本傳輸協(xié)議(HTTP)Hypertext Transfer Protocol超文本在互聯(lián)網(wǎng)上的傳輸協(xié)議。
協(xié)議:用通俗的語言來講也就是規(guī)矩的意思(所謂老子的地盤,老子作主),就如同我們開車要遵循交通規(guī)則一樣,那么我在互聯(lián)網(wǎng)上去傳輸知識點,也就要遵從互聯(lián)網(wǎng)的“交通規(guī)則”
綜上所述:
(1)HTML 指的是超文本標(biāo)記語言
(2)HTML 不是一種編程語言,而是一種標(biāo)記語言(將文字,圖片按照自己的想法進行標(biāo)記);HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
(3)標(biāo)記語言是一套標(biāo)記標(biāo)簽(markup tag) ,將圖文信息使用標(biāo)簽進行布局顯示
二、WEB頁面(HTML文檔)標(biāo)準(zhǔn)結(jié)構(gòu)圖


我們可以形象的理解為:一個html文件為一個人,<title><\title>標(biāo)簽部分表示的是人的姓名,也就是網(wǎng)頁的名稱,<head></head>標(biāo)簽部分表示人的頭部,而在<body></body>標(biāo)簽頁表示的網(wǎng)頁的主體部分,在這個主體部分,又可以裝載<h></h> <p></p> <img >等不同的圖文信息作為網(wǎng)頁的主體部分
<html><\html> 標(biāo)簽標(biāo)記著 HTML 文檔的開始和結(jié)束
2.1 html標(biāo)簽使用語法:
? ? <標(biāo)簽名>內(nèi)容<標(biāo)簽名> ? ? 如:
?段落標(biāo)簽(<p><\p>): ? ? ? ?<p>這是一個段落</p>
?標(biāo)題標(biāo)簽(<h></h>) : ? ? ? ? ? ? ?<h>這是一個標(biāo)題</h>
2.2?Web 瀏覽器
?Web瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文件,并將其作為網(wǎng)頁顯示。瀏覽器并不是直接顯示的HTML標(biāo)簽,但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶:

例:英勇聯(lián)盟的官方主面

英勇聯(lián)盟的官方主面對應(yīng)html格式
