前幾天開始認識 HTML 之後，慢慢地發現每個標籤都有各自的任務！
像是昨天文章中認識了 <head>，知道它主要是放一些網頁本身的資訊，那今天我就要來面對真正會顯示內容的 <body> 了！
這次要了解的是：
<div>
<h1>這是一個標題</h1>
<p>這是一段文字。</p>
</div>
在教學裡一開始看到 <div> 的時候，我的第一個反應是：
「這又是什麼？是還可以再細分什麼嗎？」🤣
結果原來 <div> 是用來把網頁內容分成一個個區塊，跟自己預想得差不多。
例如上面的程式碼裡，<h1> 和 <p> 就一起被放進了這個 <div> 裡。
如果再多放幾個 <div>，就可以把不同的內容分開：
<div>
<h1>關於我</h1>
<p>這是我的自我介紹。</p>
</div>
<div>
<h1>我的作品</h1>
<p>這裡放作品介紹。</p>
</div>
看到這裡，我才開始有一點「分區」的感覺。
像是把網頁裡不同用途的內容先整理在自己的區塊裡，之後再進一步去處理它們的排列和外觀。
這對於強迫症來說真是個美好的功能呀！
Day 6，今天先學會幫網頁「分區」。
之後再來研究這些區塊到底要怎麼排得漂亮。🎨
iThome鐵人賽
看影片追技術