2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

2024-11-14

509

0

建立響應式網頁系列

動畫輪播實際

圖片循環播放：使用 @keyframes 動畫來實現圖片輪播效果。每張圖片顯示 5 秒，然後進行平滑過渡。設置容器：.image-carousel 是圖片的容器...

2024-11-07

395

0

建立響應式網頁系列

收穫與反思

參加鐵人 30 的過程中，我深刻體會到這項挑戰的難度。原本以為每天撰寫一篇技術文章並不是很困難。然而，隨著挑戰的天數增加。每天有很多事情外還需要花費大量時間理解...

2024-11-07

572

0

建立響應式網頁系列

心得

在完成響應式網站的過程中，我感受到這項技術雖然重要，但要真正靈活運用到實際網站中卻存在不少挑戰。響應式網站設計不僅需要掌握基本的 HTML 和 CSS 還有 J...

2024-11-07

633

0

建立響應式網頁系列

實作3

• ：建立了一個表單元素，用來包裹所有輸入欄位和按鈕。• 姓名欄位：o ：標籤，指出此欄位是用來輸入姓名。o ：文字輸入框，讓使用者填寫姓名。o requir...

2024-11-07

447

0

建立響應式網頁系列

實作2

HTML5 語意化標籤• 使用和等標籤來組織頁面結構，確保內容分區合理。• 標籤用於區塊標題（如「照片集」），有助於增強頁面的結構，並提供良好的可讀性。2. B...

2024-11-07

667

0

建立響應式網頁系列

實作網站1

HTML5語意化標籤：o 使用了宣告來啟用HTML5模式。o 使用語意化標籤（如,,,），增強網頁結構的可讀性和可維護性，便於搜尋引擎和輔助工具（如螢幕閱讀...

熱門文章

熱門系列

鐵人選手

工商時間