把一些昨天實作的心得稍微撥一些到今天來分享！
我原本以為就是一直把 <h1>、<p>、<img> 之類的東西寫進去，然後網頁就會慢慢長出來。
但重新看了一次 HTML 的基本架構後，才發現：
原來 HTML 檔案本身，也是有自己的結構。
最基本的 HTML5 文件會看到這樣的架構：
<!DOCTYPE html>
<html>
<head>
<title>我的網頁</title>
</head>
<body>
<h1>Hello World!</h1>
<p>這是我的第一個網頁。</p>
</body>
</html>
目前還算比較容易懂。
<html> 我把它想成整份 HTML 文件的外套。
接著裡面分成 <head> 和 <body>，它們像是俄羅斯娃娃一樣嵌套。
<head> 裡面放的是網頁本身的一些資訊，例如網頁標題等；而真正會顯示在網頁畫面上的內容，主要則放在 <body> 裡。
至於 head 和 body，目前我覺得直接照著字面上的「頭」與「身體」去理解就好！
所以我目前的理解就是：
<html> → 整份文件
<head> → 網頁的相關資訊
<body> → 網頁實際呈現的內容
這讓我第一次比較有「整體架構」的感覺。
之前學 <h1>、<p> 的時候，比較像是在認識一個個零件；今天則開始知道這些零件到底應該放在整個 HTML 檔案裡的什麼位置。
而且這也讓我發現，寫網頁好像不是單純把東西一個一個塞進去而已。
它其實有自己的規則和層次。
Day 4，先把 HTML 的「骨架」搞懂一點。
下一步再繼續往裡面探索！🚶♂️
iThome鐵人賽
看影片追技術