iT邦幫忙

鐵人檔案

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

學習網頁前端基本的技術,包含如何使用HTML標籤跟CSS做出基本的網頁版型,了解bootstrap template如何建置網頁架構。 系列

這30天將學習網頁前端基本的技術,一開始先認識HTML標籤的使用,並實作演練。
再來認識CSS的語法,包含如何設定色彩、背景、超連結、圖片等等。
最後學習bootstrap template與jquery套件。希望最後可以將所學知識吸收,做出簡易的網頁!!!

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

學習前端之旅

這30天過程,將一起探索前端開發的基礎技術,從最基本的HTML和CSS開始,逐步引入Bootstrap,並最終進入到Vue.js的學習。 在今天的文章中,我們將...

2023-09-16 ‧ 由 jenny 分享
DAY 2

Day2網頁標頭

今天是更詳細的說明html網頁標頭的寫法。 網頁標頭: 1.屬性:必須放在tag<>標籤之內。例如:<body color="bl...

2023-09-17 ‧ 由 jenny 分享
DAY 3

Day3網頁主體

昨天認識網頁標頭的寫法,那今天說明網頁主體的寫法與內容: 1.body是網頁所呈現的內容屬性有 background="url":背景圖片b...

2023-09-18 ‧ 由 jenny 分享
DAY 4

Day4區塊格式、文字格式、項目清單

今天學習區塊格式、文字格式、項目清單以下是學習後的筆記跟html呈現的結果~ 區塊格式1.<pre>標籤:pre標籤是可以呈現原本的文字排列,空白格...

2023-09-19 ‧ 由 jenny 分享
DAY 5

Day5超連結

1.絕對URL:意思是網址包含完整路徑和位置,用於定位互聯網上的特定的資料。例如網頁、圖片、文件。2.相對URL:用於在網站內部連接不同頁面或資源,它們不需要包...

2023-09-20 ‧ 由 jenny 分享
DAY 6

Day6圖片

圖片標籤:img 標籤是將圖片插入網頁中。1.常見的屬性:(1)src="url",圖片的來源,url必須放文件檔名,並且只能使用瀏覽器支持...

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

Day7表格

1.表格標籤:<table>是包覆整個表格的內容,<th>代表表格的標頭,<tr>定義表格有幾行。<td> 定義...

2023-09-22 ‧ 由 jenny 分享
DAY 8

Day8影音多媒體

1.<video>影音標籤:(1)src="url" :影音位置(2)poster="url" :檔案播放的...

2023-09-23 ‧ 由 jenny 分享
DAY 9

Day9Css語法

前8篇學習完html基本語法,接下來來學習Css語法。 CSS(Cascading Style Sheets)是一種用於控制網頁樣式和外觀的語言。在CSS中,樣...

2023-09-24 ‧ 由 jenny 分享
DAY 10

Day10 CSS字型、文字、項目清單

CSS字型、文字、項目清單字型1.font-family:設定字型字體,如果同時設定多組以上的字體,中間可用逗號(,)隔開。這樣當使用者在瀏覽器沒有第一種字型時...

2023-09-25 ‧ 由 jenny 分享