iT邦幫忙

鐵人檔案

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

學習HTML&CSS的30天 系列

為了想寫出自己心中的網頁,因此挑戰自學HTML!

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day1]前言與動機

在開始自學HTML之前,第一天想先來點小前言! 為什麼會想自學 HTML 呢? 雖然不是說所有人都一定會上網,但上網的確是現代人日常中不可或缺的一件事。而隨著...

2022-09-16 ‧ 由 沒魚 分享
DAY 2

[Day2]建設環境

開始寫程式前,不管是哪個語言,都必須要建設好可以撰寫程式的環境。因此今天要來介紹一下我們開始寫 HTML 時所需要的建設環境。 首先我們要準備的就是安裝基本軟...

2022-09-17 ‧ 由 沒魚 分享
DAY 3

[Day3]HTML 介紹

今天是我的第三天~那廢話不多說,我們就趕快來開始今天的內容吧! 如同昨天的內容,我們在開始撰寫網頁時,必須要有一些事情準備。而昨天所做的事前作業就是安裝好我們寫...

2022-09-18 ‧ 由 沒魚 分享
DAY 4

[Day4]CSS 介紹

今天要來介紹的是這 30 天裡會學到的另一個語法:CSS先把基本的知識學到後再來開始進行實作是我一直以來的學習方式,因此前幾天都比較會是說明型的文章。 那就 L...

2022-09-19 ‧ 由 沒魚 分享
DAY 5

[Day5]VSCode 環境架設&建立 HTML 基本檔案

今天會從開啟 VSCode 後開始學習如何寫出最簡單的網頁樣本。那因為我的系統是 MacOS,因此可能會跟 Windows 有點不太一樣,但基本上應該都是一樣的...

2022-09-20 ‧ 由 沒魚 分享
DAY 6

[Day6]HTML 檔案的架構

如果是初學者,又是第一次看到 HTML 的標籤,可能會覺得好像咒語一樣複雜。但其實只要按部就班慢慢了解,就不用擔心看不懂囉。那今天的內容就是要來分析昨天寫過的原...

2022-09-21 ‧ 由 沒魚 分享
DAY 7

[Day7]學會 HTML 的基本寫法

今天的內容要來介紹一下 HTML 的基本寫法,前面使用範例原始碼建立了 HTML 檔案,接著就要來好好記一下 HTML 是依照什麼樣的規則來編寫。 HTM...

2022-09-22 ‧ 由 沒魚 分享
DAY 8

[Day8]建立網頁標題&輸入網頁內文

今天要來實際寫寫看 HTML 的每一種標籤。內容會分為兩部分:建立網頁標題、輸入網頁內文。首先從建立標題的標籤開始說明。 建立網頁標題 用 < h1...

2022-09-23 ‧ 由 沒魚 分享
DAY 9

[Day9]插入影像

影像是讓網頁看起來豐富的中元素,但如果沒有正確的描述,可能會無法順利的顯示出來,因此今天的內容就要來學習插入影像的基本寫法。 用 < img &gt...

2022-09-24 ‧ 由 沒魚 分享
DAY 10

[Day10]設定連結&顯示項目清單

這次的內容也會分成兩個部分來教學,那今天要來學習如何在網頁上設定連結及顯示項目清單! 首先要來說明連結的設定,連結可說是網頁必備的元素。使用者只要點擊文字或影像...

2022-09-25 ‧ 由 沒魚 分享