iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

sideproject-簡易網站 系列

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

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

Day-1 了解HTML基礎

此筆記有利用chatgpt生成一些程式碼以供練習 首先認識一下HTML語法頭尾需加上特定標籤元素可以加再元素裡(稱為巢狀元素)且有各自的順序要從裡而外做結束標籤...

2023-09-15 ‧ 由 Penguin0705 分享
DAY 2

DAY-2 CSS基礎

在使用css為字體上色時分為 .red只控制有class="red"的元素blue則是控制段落間的所有字體#id 用於標記特定元素 理應不重...

2023-09-16 ‧ 由 Penguin0705 分享
DAY 3

DAY-3 利用前兩天所學做做看

原本以為清單及網址的開頭設其他代號也可以但今天在實際應用時才發現清單語法都需由 <li> 1...</li> <li> 2....

2023-09-17 ‧ 由 Penguin0705 分享
DAY 4

Day-4 學習JavaScript

JavaScript 不論宣告數字 字串 陣列等 都是用let特別的是宣告物件 let myVariable = document.querySelector(...

2023-09-18 ‧ 由 Penguin0705 分享
DAY 5

Day-5 根據Day-4所學實際應用

以下是本次的程式碼 有些註解掉因為沒有使用到 JS let myHeading = document.querySelector("h1")...

2023-09-19 ‧ 由 Penguin0705 分享
DAY 6

Day-6 更改介面&內容並發布到github上

網頁程式碼由於是第一次發布網頁到github研究了好一番才成功有些程式碼也需要更改 像是 <img src="C:\Users\calvi\On...

2023-09-20 ‧ 由 Penguin0705 分享
DAY 7

Day-7 探索更多html語法&用途

今天在找進階語法的時候看到竟然有**跑馬燈 (MARQUEE)**功能就拿來融入網頁裡實用一下~HTML <div class="center-...

2023-09-21 ‧ 由 Penguin0705 分享
DAY 7

Day-8 探索更多html語法&用途-(audio)

在尋找更多語法的時候找到竟然還可以放自訂音頻頓時來了興趣 便增加了些程式碼原本也想用看看embed 那實際應用不太適合背景音樂&循環播放 <aud...

2023-09-23 ‧ 由 Penguin0705 分享
DAY 7

Day-9 加入更多html語法&用途-(table)

實際應用tablehttps://penguincarryu.github.io/PenguinCarryU/html <table class=&quo...

2023-09-24 ‧ 由 Penguin0705 分享
DAY 7

Day-10 增加返回頂部按鈕&調整程式碼

html多了一顆返回頂部的按鈕 <button onclick="scrollToTop()" id="scrollTopB...

2023-09-26 ‧ 由 Penguin0705 分享