鐵人檔案
目前僅接觸前端約兩個月，簡單紀錄目前每日所學，或分析看起來很「虛華」的特效。參加鐵人賽只是想把自己所學知識、接觸到的產物化為筆記，分享給後面想學習的人，同時也讓自己將這些知識複習一遍，內化成自己的東西。內容可能會有些理解錯誤的部分，再請各位前輩指教了。
參賽原因 在開始聊環境的建置之前，先來聊聊自己想參加鐵人賽的原因吧！目前學習前端HTML、CSS、JavaScript已經一陣子，每天接觸程式至少四小時，當然這...
HTML是什麼？ 簡單的說HTML就是網頁的骨架、支架。我們可以透過HTML設置網頁的標題、文字、圖片、影音等內容，但也就只是把這些東西放在網頁裡面。如果我們想...
昨天已經大致介紹網頁的組成，也知道HTML是透過<開頭語法>…</結尾語法>來夾住要放置的內容。 怎麼在HTML放入圖片呢？ 放入圖片的...
昨天已經介紹如何在網頁中放置圖片，還有提供好用的預覽插件。在影片盛行的年代，今天就來說說怎麼放入影片。 怎麼在HTML放入自己的影片呢？ 基礎的語法就是<...
昨天已經介紹如何在網頁中放入影片，如果對於HTML的語法、結構還不夠熟悉，可以透過製作問卷來摸熟一些。今天會透過至做問卷的方式理解在網頁中放置表單的功能，並瞭解...
昨天已經介紹如何製作簡易問卷的一部分，今天就來繼續把還沒說明完的部分解釋清楚。附上昨日已經出現過的範例語法，可以複製貼上HTML看看會呈現什麼結果，可以參考昨日...
其實HTML的格式相當單純，主要由<head></head>、<body></body>、<footer&...
前幾天已經大致上了解HTML的架構與寫法，今天終於要開始將網頁套上華麗衣裝，不再是黑白純文字的世界了。套上CSS的樣式後，網頁就會變得更加華麗！ 創造CSS檔案...
Flexbox 是在CSS中相當重要的功能，主要可以用於網頁排版。任何在網頁中需要「排列」的部份，都會用到相關的語法，因此在這邊打好基礎相當重要。 建置HTML...
昨天說明的排列方式，主要是透過在同一條橫線上的物件進行左右的分布與排列。今天要介紹物件垂直的排列方式，就是當物件在同一條橫線上，該怎麼進行上下移動的分布與排列呢...
