產品經理的技術腦:html是什麼意思?

一口嘎嘣脆脆 發佈 2022-10-11T02:18:25.901331+00:00

超文本標記語言(HTML)是用於在 Internet 上顯示 Web 頁面的主要標記語言。換句話說,網頁由 HTML 組成,用於通過 Web 瀏覽器顯示文本,圖像或其他資源。使用標記來描述文檔結構和表現形式並通過瀏覽器進行解析,然後把結果顯示在網頁上.

超文本標記語言(Html)是用於在 Internet 上顯示 Web 頁面的主要標記語言。換句話說,網頁由 HTML 組成,用於通過 Web 瀏覽器顯示文本,圖像或其他資源

使用標記來描述文檔結構和表現形式並通過瀏覽器進行解析,然後把結果顯示在網頁上. 它是網頁構成的基礎,你見到的所有網頁都離不開HTML,所以學習HTML是基礎中的基礎。


什麼是HTML


HTML是用來製作網頁的標記語言

HTML是Hypertext MarkupLanguage的英文縮寫, 即超文本標記語言

HTML語言是一種標記語言,不需要編譯,直接由瀏 HTML語言是一種標記語言,不需要編譯,直接由瀏覽器執行

HTML文件是一個文本文件,包含了一些HTML元素, HTML文件是一個文本文件,包含了一些HTML元素,標籤等.

HTML文件必須使用html或htm為文件名後綴

HTML是大小寫不敏感的,HTML與html是一樣的


HtmlCSS的關係


學習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。

關鍵字: