回覆列表
-
1 # 超能網
-
2 # 益智之家
學html重在練習。
W3school是理論基礎,它的描述必須被你實際試試你才能明白它的描述的具體含義和效果。光看不試你就像看天書一樣。
一句話:多多練習多多實踐。
-
3 # 藍不藍程式設計
做事情,先定目標。
看懂網頁是目標嗎?
題主應該是程式設計初學者,如果想學程式設計,先確定想做前端還是後端。前端學js、css、html、vue;後端學java、資料庫。
題主說的看不懂網頁,很正常,因為一般的網頁都很複雜,5年程式設計師看起來也費勁。
W3school對於真正的程式設計人員來說就好像是新華字典一樣,比如你突然忘記一個js的表示式或者是一種互動效果怎麼實現了,然後可以去W3school查詢一下。對於出血著來說,不建議只是專注的在W3school上看內容,因為這些內容只是在解釋這個是幹什麼的,那個是幹什麼的。這對於你的網頁程式設計學習用處基本為零。
首先,當你開啟一個網頁的是時候,可以按鍵盤上的F12鍵,如果是筆記本的話,則需要按CTRL+F12了,這就是審查元素了,在這裡面你會發現有兩側分欄,左邊是HTML,也就是網頁的內容部分,而右側則是對應HTML的樣式。後面則還有控制表現形式,諸如動畫、互動效果的JS檔案。
如果你只是要求能夠寫出一個靜態頁面的話,那就只是需要去了解HTML與CSS。如果把網頁比喻成一座房子的話,那麼HTML就是裸房(毛坯房),CSS就是你對房子的裝修了,簡單的CSS樣式就是基礎裝修,而精細的CSS則是你對房子的精裝了。(如果你有隻能家居的話,那麼JS就是控制這些智慧家居包括水電的系統了)
HTML是網頁的基礎,而CSS樣式是用link標籤連結的,JS檔案則是用script標籤來連結的。想要看懂一般的網頁,可以直接pass掉JS這部分,只需要明白網頁中哪一塊代表著HTML中的哪一塊,比如這段文字可能就是一個p標籤包裹著,這張圖片就是一個img標籤包裹,那麼這個img外面還有什麼其他的標籤嗎?這就是html的包裹性了。
對應的,在CSS檔案中,這段樣式透過前面的類名就可以找到在HTML中對應的標籤名,你就知道HTML中的某個部分在CSS中是如何修飾的。瞭解以上所說內容,你就大致瞭解了靜態頁面的組成。大致算是可以看懂一般的頁面了,置於JS則需要你去深入的學習了,估計正則表示式都夠你啃一段時間了。(沒有程式設計思維還是很難學習接收這種真正的程式語言的)。