各位朋友好,歡迎大家觀看此篇文章,這次暑假因為疫情的關係而開始遠距教學,剛好也趁此機會讓我好好學習,用30天的時間去研究並練習網頁設計,用鐵人賽監督自己,把沒打...
Visual Studio Code(簡稱VS Code) 由微軟開發,並且支援Windows、Linux和macOS作業系統且開放原始碼的文字編輯器可支援偵錯...
【HTML】 HTML是一種用來建構網頁的標記語言,而非程式,可以將網頁想像成一頁文件,而這份文件內會有標題、內文、圖片、頁尾等元素。HTML這時候就會告訴我們...
HTML 語法簡易介紹 HTML 是 Hypertext Markup Language 的縮寫,也就是「超文本標記語言」(是標記語言,不是程式語言)。 Hy...
常見的 HTML elements 標題 headings 在 VS code 中輸入以下程式碼 <h1> HTML標題範例 </h1>...
常見的 HTML elements 圖片 (img) 想要在網頁放上圖片,可以使用img標籤,他不用開頭和結尾標籤,單獨一個img即可,我們稱這樣的標籤為空元素...
區塊元素(div) HTML是網頁的骨架,架構出來,再用CSS來對網頁進行美化,如果希望某段落的一兩個字可以變為紅色,又或者某幾個段落文字想要有背景顏色或邊框,...
語意標籤 (Semantic) 語意標籤是HTML5新增的標籤,讓網頁結構更清楚,搜尋引擎可以更容易了解網頁。語意標籤的用途與div和span類似,目的都是將內...
表格 (table) 表格是一個由列和欄組成的結構化資料(tabular data)。表格能幫助你快速查看不同資料類型間的關聯值。在HTML網頁可使用表格元素t...
切版是前端工程師必須要具備的技能,需要把設計師針對使用者需求所完成的設計稿,透過程式讓它在網頁中實際呈現出來。切版是很重要的,如果少了這個過程在網頁中會沒有畫面...