自學網頁の嬰兒教材：第6課 ── 表格、表單與按鈕：基本元素也漂亮

第6課 課程目標

學會如何套用 bootstrap 的表格、表單與與按鈕樣式。

第6課 課程內容

表格、表單與按鈕是網頁最基本的元素之一，就算不使用 bootstrap，html 原生就有這些元素的樣式。

不過，套用 bootstrap 樣式之後，會馬上讓這些元素好看起來，這一課要學習如何套用它們。

請閱讀入門教學：

https://www.w3schools.com/bootstrap4/bootstrap_tables.asp

https://www.w3schools.com/bootstrap4/bootstrap_forms.asp

https://www.w3schools.com/bootstrap4/bootstrap_forms_inputs.asp

https://www.w3schools.com/bootstrap4/bootstrap_buttons.asp

並參考官方說明文件：

http://getbootstrap.com/docs/4.1/content/tables/

http://getbootstrap.com/docs/4.1/components/forms/

http://getbootstrap.com/docs/4.1/components/buttons/

第6課 作業

這一課的作業有兩個，我們先不使用 bootstrap，把畫面做出來，接著再套用 bootstrap，讓畫面變漂亮。

作業一：請將「自學網頁の嬰兒教材：HTML與CSS」的第四課作業完成，並接著將 bootstrap table 套用進去

https://devs.tw/post/65

作業二：請將「自學網頁の嬰兒教材：HTML與CSS」的第五課作業完成，並接著將 bootstrap form、input 與 button 套用進去

https://devs.tw/post/66

完成這些，你就完成這次的課程目標了！