iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

HTML 與 CSS 學習筆記 系列

接觸網頁的第一道關卡就是 HTML 和 CSS,可說是基礎中的基礎,但總是沒有學完,希望藉著這次的機會,好好地完成

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

Day01 - 說明、工具

前言 網頁基礎構成基本就是 HTML 和 CSS,最多再增加 JavaScript,前 2 個我幾乎每次都碰一下就會中斷,畢竟比起基礎的 HTML 和 CSS,...

2020-09-16 ‧ 由 hokou 分享
DAY 2

Day02 - HTML 和 CSS 概述

HTNL HTML = Hyper Text Markup Languare (超文本標記語言) 寫給瀏覽器看的 HTML 不是一種程式語言 HTML...

2020-09-17 ‧ 由 hokou 分享
DAY 3

Day03 - HTML (1) - 標籤、架構、註解

標籤 (tag) 基本上 HTML 就是一堆標籤 (tag) 組合而成 有些標籤帶有屬性 (attribute),多個屬性顯示的先後順序不影響結果 屬性通常帶...

2020-09-18 ‧ 由 hokou 分享
DAY 4

Day04 - HTML (2) - head、body

<head> 延續昨天的說明,<head> </head> 主要說明這個網頁的資訊,如編碼、標題,只會有一個 <h...

2020-09-19 ‧ 由 hokou 分享
DAY 5

Day05 - HTML (3) - 列表、a、img

列表清單 (List) List 標籤:主要分成 2 種,有順序和無順序的,清單內還可以再放其他清單 <ul>:代表無順序 (unordere...

2020-09-20 ‧ 由 hokou 分享
DAY 6

Day06 - CSS (1) - Element、位置

開始之前先補充一下 Element (元素)的說明 Element (元素) Element:簡單說元素就是一個前後完整的標籤 + 內容的組合,如下會是一個段...

2020-09-21 ‧ 由 hokou 分享
DAY 7

Day07 - CSS (2) - 選擇器、隨機假文

選擇器 (Selector) 似乎也稱為選取器,介紹幾個常用的選擇器 標籤選擇器 type selector:又稱型態選取器,就是之前舉例時修改標籤的樣式...

2020-09-22 ‧ 由 hokou 分享
DAY 8

Day08 - CSS (3) - 選擇器、文字排版

選擇器 補充另外 2 個選擇器 type selector (標籤選擇器):Day07 Pseudo-classes (擬態選擇器):Day07 desc...

2020-09-23 ‧ 由 hokou 分享
DAY 9

Day09 - CSS (4) - 線條、容器、重置 CSS

線條 border:四周的框線,分別定義粗細、樣式、顏色,前後順序沒關係 樣式:實心線 (solid)、虛線 (dashed)、點線 (dotted)...

2020-09-24 ‧ 由 hokou 分享
DAY 10

Day10 - HTML 與 CSS (1) - 區塊元素、行內元素

因為現在發現 HTML 和 CSS 都會交替用到,標題不好區分,就當個綜合應用吧! 區塊元素 CSS 設定:display: block 盡可能佔滿版面 會...

2020-09-25 ‧ 由 hokou 分享