超文本標記語言(Html)是用於在 Internet 上顯示 Web 頁面的主要標記語言。換句話說,網頁由 HTML 組成,用於通過 Web 瀏覽器顯示文本,圖像或其他資源。
使用標記來描述文檔結構和表現形式並通過瀏覽器進行解析,然後把結果顯示在網頁上. 它是網頁構成的基礎,你見到的所有網頁都離不開HTML,所以學習HTML是基礎中的基礎。
什麼是HTML?
HTML是用來製作網頁的標記語言
HTML是Hypertext MarkupLanguage的英文縮寫, 即超文本標記語言
HTML語言是一種標記語言,不需要編譯,直接由瀏 HTML語言是一種標記語言,不需要編譯,直接由瀏覽器執行
HTML文件是一個文本文件,包含了一些HTML元素, HTML文件是一個文本文件,包含了一些HTML元素,標籤等.
HTML文件必須使用html或htm為文件名後綴
HTML是大小寫不敏感的,HTML與html是一樣的
Html和CSS的關係
學習web前端開發基礎技術需要掌握:HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什麼的:
1. HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。
2. CSS樣式是表現(外觀控制)。就像網頁的外衣。比如,標題字體、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
3. JavaScript是用來實現網頁上的特效效果。如:滑鼠滑過彈出下拉菜單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的輪換。可以這麼理解,有動畫的,有交互的一般都是用JavaScript來實現的。
HTML形象案例理解
為了簡化對複雜Internet的理解,暫時把複雜的Internet抽象成:向女生宿舍發送信號。
為了能夠在斷網後繼續聯絡女神,我們買來了電池和開關,然後拉了普通電線線到女神的寢室。女神把小燈泡接在了電線的兩端。
這時只需要開閉開關,就可以控制女神屋裡的燈泡了。
發送信號
關閉著小燈泡1秒鐘,代表發送一個0。
打開了小燈泡1秒鐘,代表發送一個1。
此時可以向女神發送任意二進位內容了。
發送文本
我們只希望發送一個「Good Night」。所以必須想辦法對「Good Night」進行編碼。
'G','o','o','d'的ASCII編碼是:071,111,111,100,轉換成二進位就是:0100 0001 0110 1111 0110 1111 0110 0100
使用發送二進位信號的方法發過去,女神需要自己解碼來閱讀出「Good」。
發送富文本
有一天,我們希望發送「I miss you」。
為了表達心意,你希望加粗「you」,並使用紅色的字體發送「miss」,而這一根簡陋的電線似乎很難理解「加粗」和「紅色」
於是機智的我們發送了:I <red>miss</red> <b>you</b>
同樣機智的女神理解了這件事情。
你發明了一種語言
我們很喜歡這種編碼格式,這是一種標記語言,於是我們稱其為:TGML (To Girl Markup Language)
平時你使用TGML來和你的女神通信,TGML可以非常好的解決富文本的傳輸問題。
表白
終於決定表白了,我們繪製了很美麗的心形圖片,還有兩個按鈕:接受、拒絕。
兩個按鈕分別會連結到 "接受.tgml"和"拒絕.tgml"
為了描述圖片,我們使用了<img src="pic">
為了描述按鈕,我們使用了<a href="接受.tgml">
現在發送給女神的內容,已經不只是帶格式的富文本,而是帶連結的富文本。
於是在這個世界上,擁有了一種能夠描述超文本的語言,叫做TGML
超文本
描述超文本的方式有很多,例如:HTML,TGML,還有markdown。HTML的誕生是為了描述超文本。
超文本的用途也很多,例如:描述一個網頁,或者描述一個Word文檔。HTML文件是超文本文件。但是超文本未必是HTML。
Microsoft Word
Microsoft Word是Office的一個組件。它同樣代表一個超文本資源。
如果你解壓一個docx文件並仔細翻一翻,你能找到你剛才寫的作業,是以HTML方式記載著。
當然,描述超文本還有markdown。所以你可以使用一些工具,比如pandoc,把markdown轉換成word。
故事的結局
女神的名字叫瀏覽器,我們的名字叫Web伺服器,女神和我們中間的那根線叫HTTP。