咱們所看到的網頁,是一個有一個標籤搭建而成,就像蓋房子,html
有地基(Ps.<html></html>):htm
html標籤包裹全部的HTML代碼,無論是頁面搭建的body,仍是鏈接樣式的head,通通都在。blog
有工程師(Ps.<head></head>):im
head標籤用於鏈接各類各樣的樣式,有CSS層疊樣式表,JS行爲樣式層樣式
有包工頭(Ps.<body></body>):db
body標籤包裹了全部組成網頁的標籤,只有在包工頭的監管下,這些包身工才能好好工做啊img
而敲代碼的咱們在其中扮演的角色就有點像被抓的壯丁。標籤
從文字記載以及電視劇中咱們瞭解到,壯丁就是一個對上司點頭哈腰的角色,一樣咱們要是想作好這個壯丁的角色,就要遵照包工頭對各類標籤的要求、就要使用工程師提供的材料(Ps.CSS層疊樣式表,JS行爲樣式層)來知足網頁的各類視覺效果。co
蓋房子必定要現有好的地基,好的地基是房屋的保障,可是咱們房屋的地基沒有好壞之分,因此咱們不須要去考慮,不過還有一點須要注意,咱們在敲代碼的時候會發現,在地基(Ps.<html></html>)標籤上還有一個標籤,這個標籤跟地基(Ps.<html></html>)、工程師(Ps.<head></head>)、包工頭(Ps.<body></body>)不同,它不是成雙成對的出現,至於緣由,下一次再跟你們介紹,如今先跟你們說說它的用途,還拿蓋房子來講,若是咱們蓋的房子是一個商務房,那麼它會在一個小區,小區門口會有小區的名字;若是咱們蓋的是一個商場,那麼咱們走進商場的時候也會一眼看見商場的名字,這個標籤就像名字同樣,通常狀況下會是<!DOCTYPE html>,它的意思是使用html代碼進行編寫工程師