iT邦幫忙

鐵人檔案

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

網美滴網頁 系列

希望在一天一篇的文章,30天中大家可以寫出一個網頁,除了設計出讓使用者方便易懂的功能界面之外也兼顧美感,打造一個網美網頁

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

Day11_HTML語法8

標示超連結< a>元素是用來標示超連結,常使用的屬性為< href>< href>=”URL”當使用者點擊"我想到...

2021-09-25 ‧ 由 nanaflowerlive 分享
DAY 12

Day12_HTML語法9

接下來幾天會依序介紹表單相關功能的製作,我們一起加油進階到下個部分表單(form) : 可以提供輸入介面讓使用者輸入資料,再將資料傳回web伺服器做處理,網路上...

2021-09-26 ‧ 由 nanaflowerlive 分享
DAY 13

Day13_HTML語法10

單行文字方塊(text) 讓使用者輸入單行的文字敘述,例如:姓名、地址、電話、信箱等等 使用< input>元素,type屬性為”text”再來要...

2021-09-27 ‧ 由 nanaflowerlive 分享
DAY 14

Day14_HTML語法11

checkbox(核取方塊) 核取方塊也就是我們所說的複選題以下為例子,大家也可以跟著做做看textarea(多行文字方塊)讓使用者輸入多行的文字敘述,使用&...

2021-09-28 ‧ 由 nanaflowerlive 分享
DAY 15

Day15_HTML語法12

下拉式清單< select>、< option>下拉式清單是讓使用者從下拉式清單中選取項目,< select>元素搭配著&l...

2021-09-29 ‧ 由 nanaflowerlive 分享
DAY 16

Day16_HTML語法13

有時候我們希望使用者輸入的資料符合我們想要的格式,因此我們可以做一些設定,當使用者輸入的資料不符合格式時,會要求重新輸入 使用pattern屬性設定輸入格式...

2021-09-30 ‧ 由 nanaflowerlive 分享
DAY 17

Day17_HTML語法14

今天要介紹,當要讓使用者輸入數字,將< input>元素的type屬性設定為"number" min : 設定欄位的最小值(需...

2021-10-01 ‧ 由 nanaflowerlive 分享
DAY 18

Day18_CSS語法1

接下來我們進入到CSS(Cascading Style Sheets),他定義網頁的外觀,網頁的編排、顯示、格式化及特殊效果,有些功能與前面介紹的HTML重疊C...

2021-10-02 ‧ 由 nanaflowerlive 分享
DAY 19

Day19_CSS語法2

再來要介紹連結HTML文件和CSS樣式表的不同寫法 在< head>元素裡面使用< style>元素在這裡,我設定前面顏色為黑色,而背...

2021-10-03 ‧ 由 nanaflowerlive 分享
DAY 20

Day20_CSS語法3

ID選擇器(ID selector) : 符合指定id的HTML元素做為要套用樣式規則的對象,命名格式為「#xxx」或「#xxx」,星號()可以省略不寫,以下例...

2021-10-04 ‧ 由 nanaflowerlive 分享