iT邦幫忙

2026 iThome 鐵人賽

DAY 12
0

不知不覺已經學了一小段時間的 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 了。

終於要開始真正研究:
「這些東西到底要怎麼變漂亮?」🎨我好興奮呀!


上一篇
Day 11|表單
下一篇
Day 13| CSS 初步認識
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 13 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言