iT邦幫忙

鐵人檔案

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

HTML跨平台網頁設計 系列

自主學習HTML、CSS3、JavaScript等跨平台網頁設計。

參賽天數 16 天 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 16

Boot Strap入門

認識Bootstrap Bootstrap是許多人用來開發R W D網站的重要框架,他源自於TwitterB O O T S T R A P的特色m1.行動優先...

2024-10-06 ‧ 由 naco727 分享
DAY 16

表格、表單、按鈕與圖片

B O O T S T R A P的表格 在B O O T S T R A P中加入table元素食套用點table類別就會自動整理表格格式。在結構中threa...

2024-10-07 ‧ 由 naco727 分享
DAY 16

B O O T S T R A P的表單元素

Inpet是最常見的表單元素,他是屬於文字輸入的欄位。使用時要宣告正確的type類型屬性。textarea元素允許多行的文字輸入,可以利用Rows屬性控制輸入的...

2024-10-08 ‧ 由 naco727 分享
DAY 16

B O O T S T R A P元件

按鈕群組 基本群組按鈕:群組按鈕即是使用區塊為容器,設定.btn-group類別後將多個B O O T S T R A P按鈕群組起來。此時按鈕會放置在同一列,...

2024-10-09 ‧ 由 naco727 分享
DAY 16

B O O T S T R A P元件

導覽與頁籤 導覽:在網頁中經常會使用文字作為導覽標示,使用者可以選不同連結以切換不同的內容或是單元。網頁設計中常用ul li來組成導覽的選項。夜間導覽只要在U...

2024-10-11 ‧ 由 naco727 分享
DAY 16

B O O T S T R A P J S元件

可切換內容標籤元件 可切換內容標籤是建置,在一個容器元素中,其中包含了標籤導覽區及內容區。當使用者在標籤導覽區中選取了不同的標籤,內容卻就會切換成相關內容。切換...

2024-10-11 ‧ 由 naco727 分享
DAY 16

D27實作

我使用github製作簡單且基礎的網頁。網頁網址如下:html實作在學習製作 HTML 和 CSS 網頁的過程中,我獲得了許多寶貴的經驗。我了解 HTML 和...

2024-10-12 ‧ 由 naco727 分享

D28實作第二部分

網頁網址如下:html實作實作第二部份我選擇新增導覽列。新增程式碼如下: <style>//在style新增nav設定檔 nav {...

2024-10-15 ‧ 由 naco727 分享

D29實作第三部分

網頁網址如下:html實作實作部份我新增可切換內容標籤元件程式碼如下: <div class="container mt-5">...

2024-10-15 ‧ 由 naco727 分享

D30結論心得

在這三十天裡,我學習了許多HTML前端相關技術,也學會了如何使用工具讓網頁更好看。因為有鐵人賽的三十天催促,使我能夠在這三十天內完成一本工具書的閱讀。也這因為如...

2024-10-15 ‧ 由 naco727 分享