iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

sideproject-簡易網站 系列

利用php html css javascript建構簡易網站

參賽天數 7 天 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文

Day-21 下拉式選單

主要分為select,option,及optgroup三部分 <select> <option>trapper</op...

2023-10-17 ‧ 由 Penguin0705 分享

Day-22 Bootstrap5入門

我貼我目前的網頁給我朋友問他還有沒有什麼可以加的他推薦我用Bootstrap5Bootstrap 是由HTML、CSS及js寫成的前端框架,核心目標是讓網站排版...

2023-10-17 ‧ 由 Penguin0705 分享

Day-23 大略認識CSS偽類

偽類也是選擇器的一種 可以增加與使用者的互動常用到的像是「:hover」是滑鼠停在某元素上時「:target」則是跳轉到點擊處href="id&quo...

2023-10-17 ‧ 由 Penguin0705 分享

DAY-24 CSS position及float屬性

今天主要認識css中設定圖片常用的posotion跟float position分為static relative absolute fixedstatic:默...

2023-10-18 ‧ 由 Penguin0705 分享

Day-25 JS-callback funtion

當需要A函式成為B函式的參數時當B被A調用時 B會是由Afunciton執行的 函式控制參數函式的執行時機則是設定一個setTimeout讓當前函是延遲執行 就...

2023-10-18 ‧ 由 Penguin0705 分享

Day-26 實際使用看看callback function

這邊試用看看兩個例子 提取用戶輸入的名字 <form> <input type="text" id="...

2023-10-18 ‧ 由 Penguin0705 分享

Day-27 JS陣列

push跟pop是相對的push()可以在陣列的最後增加資料 且可不只增加一筆 let ary = [A,B,C]; ary.push(D); console....

2023-10-19 ‧ 由 Penguin0705 分享

Day-28 JS陣列-2

find()把陣列中的每個資料都帶到函式確認然後回傳符合條件的第一筆資料 不然會回傳unfedined const numbers = [10, 20, 30,...

2023-10-19 ‧ 由 Penguin0705 分享

Day-29 JS陣列-3

map() 創建一個新陣列並儲存進行操作後的結果 原始陣列還會存在 const numbers = [1, 2, 3, 4, 5]; const squared...

2023-10-19 ‧ 由 Penguin0705 分享

Day-30 心得

自己練習製作網頁是一個充滿挑戰和樂趣的體驗。 HTML讓我能夠建立網頁的基本結構,定義內容和元素。 CSS讓我設計網頁,添加樣式及更改排版,使其更具吸引力。 J...

2023-10-19 ‧ 由 Penguin0705 分享