零基礎 快速掌握前端HTML CSS

2021-09-23 10:25:14 字數 2324 閱讀 7785

什麼是html:

html: 超文字標記語言,標準通用標記語言下的乙個應用。

超文字標記語言的結構包括「頭」部分(英語:head)、和「主體」部分(英語:body),其中「頭」部提供關於網頁的資訊,「主體」部分提供網頁的具體內容。

超級文字標記語言的定義又是什麼:

超級文字標記語言是標準通用標記語言下的乙個應用,也是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案,通過在文字檔案中新增標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,如何顯示等)。瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編製者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。

網頁的本質就是超級文字標記語言,通過結合使用其他的web技術(如:指令碼語言、公共閘道器介面、元件等),可以創造出功能強大的網頁。因而,超級文字標記語言是全球資訊網(web)程式設計的基礎,也就是說全球資訊網是建立在超文字基礎之上的。超級文字標記語言之所以稱為超文字標記語言,是因為文字中包含了所謂「超級鏈結」點。

html特點:超級文字標記語言文件製作不是很複雜,但功能強大,支援不同資料格式的檔案鑲入,這也是全球資訊網(www)盛行的原因之一,其主要特點如下:

簡易性:超級文字標記語言版本公升級採用超集方式,從而更加靈活方便。

可擴充套件性:超級文字標記語言的廣泛應用帶來了加強功能,增加識別符號等要求,超級文字標記語言採取子類元素的方式,為系統擴充套件帶來保證。

平台無關性:雖然個人計算機大行其道,但使用mac等其他機器的大有人在,超級文字標記語言可以使用在廣泛的平台上,這也是全球資訊網(www)盛行的另乙個原因。

通用性:另外,html是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼型別的電腦或瀏覽器。

什麼是css:

css:層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力。

css特點:css為html標記語言提供了一種樣式描述,定義了其中元素的顯示方式。css在web設計領域是乙個突破。利用它可以實現修改乙個小的樣式更新與之相關的所有頁面元素。

總體來說,css具有以下特點:

豐富的樣式定義:css提供了豐富的文件樣式外觀,以及設定文字和背景屬性的能力;允許為任何元素建立邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

易於使用和修改:css可以將樣式定義在html元素的style屬性中,也可以將其定義在html文件的header部分,也可以將樣式宣告在乙個專門的css檔案中,以供html頁面引用。總之,css樣式表可以將所有的樣式宣告統一存放,進行統一管理。另外,可以將相同樣式的元素進行歸類,使用同乙個樣式進行定義,也可以將某個樣式應用到所有同名的html標籤中,也可以將乙個css樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式宣告進行修改。

多頁面應用:css樣式表可以單獨存放在乙個css檔案中,這樣我們就可以在多個頁面中使用同乙個css樣式表。css樣式表理論上不屬於任何頁面檔案,在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。

層疊:簡單的說,層疊就是對乙個元素多次設定同乙個樣式,這將使用最後一次設定的屬性值。例如對乙個站點中的多個頁面使用了同一套css樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義乙個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫,在瀏覽器中看到的將是最後面設定的樣式效果。

如何從0掌握html與css:零基礎學前端html+css

(課程從基礎語法入門,講解了html的常用標籤,表單,排版等實用技術,同時深入講解了css樣式表的使用和如何使用div css設計網頁布局。同時還介紹css3.0的新特性,陰影,圓角邊框等實用案例。可以幫助零基礎小白掌握html使用和css的使用)

阿里雲大學官網(阿里雲大學 - 官方**,雲生態下的創新人才工場)

前端零基礎

目前的瀏覽器核心主要有5種 1.ie瀏覽器 internet explorer 2 火狐瀏覽器 firefox 3 谷歌瀏覽器 chrome 4 蘋果瀏覽器 safari 5 歐朋瀏覽器 opera 核心就是瀏覽器的核心,其他的瀏覽器也是基於這5種核心的。utf 8 qqq title head b...

零基礎學習前端

最近也是找了個學校學習前端,將這幾天學到的東西做個小結 下面就是html的基礎筆記了!1.html 全名叫 超文字標記語言 hyper text markup languge html標籤的基本結構 雙標籤 有開始和結束的標籤叫雙標籤,例如 單標籤 只有開始沒有結束的標籤叫單標籤 根節點頭部標籤 標...

零基礎快速掌握Python的重點學習資源庫

用python編寫 一點都不難,事實上它一直被讚譽為最容易學的程式語言。如果你準備學習web開發,python是乙個不錯的開始,甚至想做遊戲的話,用python來開發遊戲的資源也有很多。這是快速學習這門語言的途徑之一。許多程式設計師都把python作為程式設計之旅的開始,然後是像php和ruby這樣...