不知不覺已經學了一小段時間的 HTML。
回想起剛開始接觸的時候,看到畫面上各種標籤,腦袋一片茫然。
絕對還不敢說自己真的很懂 HTML,只是現在至少看到一份簡單的 HTML 程式碼時,不會再像看火星文一樣一頭霧水了。
稍微總結了一下目前學到的東西:
HTML 的基本結構
知道 <html>、<head>、<body> 大概各自負責什麼。
常見的內容標籤
像是 <h1>、<p>、<img>,可以用來放標題、文字和圖片。
內容的區塊與結構
知道 <div> 可以把內容分成不同區塊,也開始認識 Block 和 Inline 的差別。
HTML 的語意
知道 <header>、<article>、<footer> 這些標籤,不只是把內容包起來,也有各自代表的用途。
資料的整理方式
可以用 <ul>、<ol>、<li> 製作清單,也可以用 <table> 整理資料。
讓使用者輸入資料
<form>,則是進入網頁互動的層面。
有一個比較深的體悟,讓我開始有學習動力的瞬間,就是才剛開始稍微看得懂它在說什麼的時候,因為它賦予了我後續學習的意義,知道為何而學、如何學以致用後,就算是陌生的事物,也更能夠持續學習下去。
Day 12,先幫目前學到的 HTML 做個小整理,雖然比原先預期的要晚一點,但接下來應該就要進入 CSS 了。
終於要開始真正研究:
「這些東西到底要怎麼變漂亮?」🎨我好興奮呀!