iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

網頁前端設計 系列

30天發文學習網頁前端設計,每天一步一步學,最後完成一個自己滿意的美美網站。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11-HTML(九):圖片

上次超連結最後有稍微帶到圖片的部分,這次就來詳細介紹如何加入圖片,和設定一些數值喔~那麼就開始吧~(๑•̀ㅂ•́)و✧ <img> 圖片 用來加入圖...

2022-09-11 ‧ 由 Alexia 分享
DAY 12

Day12-HTML(十):表格(上)

今天會介紹表格的製作,就直接開始吧~(๑•̀ㅂ•́)و✧ <table> 表格, <tr> 橫列, <td> 直行 用來建立...

2022-09-12 ‧ 由 Alexia 分享
DAY 13

Day13-HTML(十一):表格(下)

今天來繼續介紹表格的部分,那麼就開始吧~(๑•̀ㅂ•́)و✧ 1. <caption> 表格的標題 用來表示表格的標題,一個表格只能有一個標題,放在...

2022-09-13 ‧ 由 Alexia 分享
DAY 14

Day14-HTML(十二):表單-form

這次要來介紹表單,在日常生活中常常會看到不同型式的網路表單,例如連絡表單、活動報名表、會員註冊、登入、購物車等,甚至是社群媒體上分享貼文或回應文章,幾乎都是網頁...

2022-09-14 ‧ 由 Alexia 分享
DAY 15

Day15-HTML(十三):表單-input

今天要來繼續介紹表單標籤裡的元素,表單最常使用來和使用者互動的部分,就是讓使用者輸入資料的input標籤。那麼就開始吧~(๑•̀ㅂ•́)و✧ <input...

2022-09-15 ‧ 由 Alexia 分享
DAY 16

Day16-HTML(十四):表單-input type

上次簡單介紹了讓使用者輸入資料的input標籤基礎常用的屬性,今天我們來繼續介紹,其中最常用的type屬性。那麼就開始吧~(๑•̀ㅂ•́)و✧ <inpu...

2022-09-16 ‧ 由 Alexia 分享
DAY 17

Day17-HTML(十五):表單-input type

今天我們繼續來介紹input的type屬性吧~(๑•̀ㅂ•́)و✧ 1. <input type="search"> 搜尋 搜尋...

2022-09-17 ‧ 由 Alexia 分享
DAY 18

Day18-HTML(十六):表單-input type-選項

今天繼續來介紹input的type屬性,這次會介紹選項元件,那麼就開始吧~(๑•̀ㅂ•́)و✧ 1. <input type="radio&qu...

2022-09-18 ‧ 由 Alexia 分享
DAY 19

Day19-HTML(十七):表單-input type-其他

我們繼續來介紹input的type屬性,這次會介紹表單送出按鈕,和一些其他的特殊元件,那麼就開始吧~(๑•̀ㅂ•́)و✧ 1. <input type=&...

2022-09-19 ‧ 由 Alexia 分享
DAY 20

Day20-HTML(十八):表單-其他

這次會介紹應用在表單裡的一些其他特殊元件,那麼就開始吧~(๑•̀ㅂ•́)و✧ 1. <label> 表單欄位標題 給表單裡的元件一個說明的標題,像是...

2022-09-20 ‧ 由 Alexia 分享