系列文章
Day1.如何安裝環境?
首先，先安裝好vscode 接者打開vscode，安裝這幾個延伸模組，有利於後續程式的撰寫Live Server能夠快速地開啟瀏覽器，瀏覽自己寫的網頁，也能即時...
Day2.網頁架構基本介紹
在前一篇有提到html的預設內容，那我們要如何從預設內容去寫入我們要的程式呢?以下程式碼中，有分別寫入css、html、javascript的位置，這非常重要!...
Day3.如何連結css檔和js檔
在前一篇有提到html的格式，如圖 <!DOCTYPE html> <html lang="en"> <hea...
Day4.基礎表格<tr><td>
table通常用在表格上，他會結合<tr> <td>，顯示表格中的資料，我們也可以把<tr> <td>理解成tr...
Day5.基礎表格<tr><th>
在前一篇有提到使用tr td做表格，但其實td也能用th作替代，接下來我們就來解釋一下th吧~th其實就是代表他是這一格的標題，也具有預設的粗體字和置中的樣式，...
Day6.超連結<a>
當你需要按下此連結，就能跳到另一個指定網頁，那就需要用到<a><a>主要是在html裡面建立超連結的元素，在<a>裡面也能搭...
Day7.<h1>-<h6>標題元素
<h1>-<h6>分別代表六個不同級別的章節標題，<h1>為最高級別，<h6>為最低，接著，我們就直接透過實際的...
Day8.<p>段落元素
<p>表示一個段落，<p></p>裡面的內容會自動分成一個段落 <!DOCTYPE html> <html...
Day9.<div>區塊容器元素
<div>主要是一個容器，他能夠包覆很多內容div本身並沒有任何特殊意義也不帶任何標籤語意在<div>上加id或class屬性，就能直接...
Day10.<img>圖片
<img>標籤用在html文件中加入圖片<img>主要搭配src屬性來指定圖片位址src後面可以加上圖片網址或是在電腦中的圖片路徑 &l...