iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

HTML 與 CSS 學習筆記 系列

接觸網頁的第一道關卡就是 HTML 和 CSS,可說是基礎中的基礎,但總是沒有學完,希望藉著這次的機會,好好地完成

鐵人鍊成 | 共 31 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 - HTML 與 CSS (5) - Table 表格

Table 表格 <table> <tr>:代表 (table row),橫的 row <td>:代表 (tabl...

2020-10-06 ‧ 由 hokou 分享
DAY 22

Day22 - HTML 與 CSS (6) - Form 表單

Form 表單 <form>:有 action 來確定要送出的地方,method 則是送出的方法 <input>:用來輸入資料...

2020-10-07 ‧ 由 hokou 分享
DAY 23

Day23 - HTML 與 CSS (7) - Form 表單

Form 表單 <input>:說明 type 的單選與多選 radio:單選 同一群要定義 name,value 回傳值 描述可用 la...

2020-10-08 ‧ 由 hokou 分享
DAY 24

Day24 - CSS (5) - 圓弧、陰影

圓弧 border-radius:圓弧屬性,可設定 4 組,可以為 px 或是 % ,從左上開始,順時鐘為左上、右上、右下、左下 設定 1 個:代表全部通...

2020-10-09 ‧ 由 hokou 分享
DAY 25

Day25 - CSS (6) - 漸層、權重

漸層 linear-gradient:漸層屬性,可以從 background 套用 方向:預設未寫為上至下 to bottom,也可寫成角度,從上以 0...

2020-10-10 ‧ 由 hokou 分享
DAY 26

Day26 - HTML 與 CSS (8) - 背景圖片

背景圖片 background-image:使用 url(pic路徑) 來顯示圖片 background-image: url(./img/logo.p...

2020-10-11 ‧ 由 hokou 分享
DAY 27

Day27 - HTML 與 CSS (9) - head

<head> <head>:只有 1 個,主要說明一些資訊,如編碼、標題,使用的 tag 的內容通常不會顯示在網頁上 <ti...

2020-10-12 ‧ 由 hokou 分享
DAY 28

Day28 - HTML 與 CSS (10) - 網頁設計

網頁設計 環境:將多頁面的檔案建立,連結確認彼此間的關係 layout (佈局):評估多個頁面皆會出現的部分,如開頭與結尾,可稱為佈局 保持彈性:內容長度不定...

2020-10-13 ‧ 由 hokou 分享
DAY 29

Day29 - Float

Float float:用來將區塊並排時可以使用,當設定浮動時,其父層會抓不到子層的高度 left:靠左浮動 right:靠右浮動 none:不浮動...

2020-10-14 ‧ 由 hokou 分享
DAY 30

Day30 - 結語、推薦

結語 感謝鐵人賽的契機,讓我又完成一門課了,雖然是一門基礎的課程,但是過程中依然放了不少心力,看那幾乎都接近時限前的發文,每天都花 1 ~ 2 小時的時間,上完...

2020-10-15 ‧ 由 hokou 分享