iT邦幫忙

鐵人檔案

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

30天前端網頁基礎觀念(HTML,CSS,Javascript,blender) 系列

目前有接觸前端網頁與3D訓練,所以決定把內容重新整理後在寫成文章。
內容應該都會偏向基本概念的整理與運用,建立自己紮實以及清楚的基礎觀念。
以便後續再回顧時可以快速恢復記憶與幫助新手互相交流學習。

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

Day1 好好輸入,好好輸出

參加鐵人賽的起源 小弟有參加職訓局舉辦的產業尖兵計畫訓練,陰錯陽差剛好是前端技術跟Blender 3D的組合。 之前小弟也有發文,我自己說是小白應該會被打吧!...

2023-09-02 ‧ 由 Eazy 分享
DAY 2

Day2 淺談HTML基本觀念

HTML是什麼? HTML(HyperText Markup Language,超文本標記語言)是打造網頁的基石,它表述並定義網頁的內容。 這是從MDN上我...

2023-09-03 ‧ 由 Eazy 分享
DAY 3

Day3 HTML 常見的標籤

上一篇有大概提到一些HTML的概念以及什麼是HTML,那今天就來介紹一下比較常見的標籤以及用法! h系列標題 我們通常會用<h1>這是標題</...

2023-09-04 ‧ 由 Eazy 分享
DAY 4

Day4 常見的HTML標籤-2

今天會在為大家介紹一些可能會常常見到或是使用到的標籤。 table 表格 <table> <!---表格---> <th>&...

2023-09-05 ‧ 由 Eazy 分享
DAY 5

Day5 HTML標籤-3

今天給大家帶來一些比較少用到,但是我覺得還滿有趣的標籤 圖片picture <picture> <source media="(...

2023-09-06 ‧ 由 Eazy 分享
DAY 6

Day06 淺談RWD響應式網頁設計

今天要跟大家淺談一下有關RWD響應式網頁式設計是什麼? 什麼是RWD響應式網頁設計? 響應式網站(Responsive Website Design,簡稱 RW...

2023-09-07 ‧ 由 Eazy 分享
DAY 7

Day07 淺談CSS的觀念

什麼是CSS? CSS 既非標準程式語言,也不是標記語言, 而是一種風格頁面語言(style sheet language)。 CSS Cascading St...

2023-09-08 ‧ 由 Eazy 分享
DAY 8

Day08 inline跟block屬性

今天想要跟大家分享的是有關inline行內元素跟block區塊元素還有inline block行內區塊元素。 區塊元素標籤 常見有:div、ul、 li、p、h...

2023-09-09 ‧ 由 Eazy 分享
DAY 9

Day09 CSS : float的運用

float(浮動) float屬性將元素放置在其其容器的左側或右側,允許文本和內聯元素環繞該元素。該元素已從頁面的正常流程中刪除,但仍保留為流程的一部分。 這是...

2023-09-10 ‧ 由 Eazy 分享
DAY 10

Day10 CSS box-model的觀念跟box-sizing屬性

今天跟大家講一下bo x-sizing的屬性怎麼用,自己本身覺得這個基礎觀念還滿重要的!! 開發者工具 開發者工具是你今天想要對你的網站進行除錯,瀏覽器是goo...

2023-09-11 ‧ 由 Eazy 分享