iT邦幫忙

鐵人檔案

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

網頁學習30天 系列

簡單介紹如何編寫網頁從最基礎的html來慢慢深入

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊原神 啟動!
DAY 1

網頁學習30天 day1

鐵人自我挑戰前言:你們好,我是來自輔仁大學的林奕寬,這次有機會得知了這項活動並且也報名參加,希望可以給自己一個挑戰能夠學習更多東西,我將選擇與網頁相關的主題來試...

2023-09-16 ‧ 由 andylin@@ 分享
DAY 2

網頁學習30天 day2

第一天 使用HTML撰寫文字HTML是建立網頁中的基礎技術,我透過visual studio code來撰寫學習HTML,首先透過這行文字告訴瀏覽器這個文件是個...

2023-09-17 ‧ 由 andylin@@ 分享
DAY 3

網頁學習30天 day3

除了昨天所提到的外,HTML也能使用表格來排版,基本能使用<ul></ul>標籤以及<ol></ol>標籤再與&...

2023-09-18 ‧ 由 andylin@@ 分享
DAY 4

網頁學習30天 day4

除了文字以外,HTML還能夠寫出許多東西,我們可以透過a標籤來加入連結,甚至用來連結到相同網站的其他網頁,使用方式為:<a herf=”資料夾名稱/連結網...

2023-09-19 ‧ 由 andylin@@ 分享
DAY 5

網頁學習30天 day5

Html還能夠寫入許多的東西,比如像是帳號密碼登入、上傳檔案還有各種的進入按鈕、時間日期等,我們都可以透過input來達到各種功能,除此之外也能附加各種的屬性,...

2023-09-20 ‧ 由 andylin@@ 分享
DAY 6

網頁學習30天 day6

接下來我們來稍微講講CSS,他具有多種功能,用於控制網頁的外觀和樣式: 樣式化網頁元素: CSS允許您選擇HTML元素並為其定義樣式。您可以指定元素的顏色、字...

2023-09-21 ‧ 由 andylin@@ 分享
DAY 7

網頁學習30天 day7

上次我們說了顏色今天來講講邊距,也就是margin,它可以調整網頁的各邊距離,來達到各種的效果,以下是範例:1.將元素的所有邊距設置為相同的值:div {mar...

2023-09-22 ‧ 由 andylin@@ 分享
DAY 8

網頁學習30天 day8

接下來我們來講CSS的position屬性,它是用於控制元素在網頁中的定位方式。這個屬性有幾個值,每個值都決定了元素在文檔中的位置和如何對齊。以下是positi...

2023-09-23 ‧ 由 andylin@@ 分享
DAY 9

網頁學習30天 day9

今天我們來講css的flex功能,CSS Flexbox(Flexible Box Layout)是一種用於網頁佈局的現代CSS佈局模型,它可以使得容器中的排列...

2023-09-24 ‧ 由 andylin@@ 分享
DAY 10

網頁學習30天 day10

接下來我們講講的動畫功能,CSS 動畫功能可以允許使用者為網頁元素創建動畫效果,使頁面更具互動性和吸引力。以下是 CSS 動畫的主要功能和屬性:1.@keyfr...

2023-09-25 ‧ 由 andylin@@ 分享