# 網頁設計資源

---

[TOC]

---

## HTML

### HEAD

[HTML - The Head Element](https://bit.ly/3HGZAe0)

### ICON

[HTML Favicon](https://bit.ly/3Y27ELJ)
[favicon.ico](https://www.favicon.cc/)

### 註解

[HTML Comments](https://bit.ly/407K0PR)

### 標題

[HTML Headings](https://bit.ly/3kIW3CN)

### 文字字體、文字大小、文字排版

[HTML Styles](https://bit.ly/3Y2WZjN)

### 文字字型

[HTML Text Formatting](https://bit.ly/3j8h3Tk)

::: spoiler 範例

<b>test</b> 
<strong>test</strong>
<br>
<i>test2</i>
<em>test2</em>
<br>
<mark>test3</mark>
<br>
<del>test4</del>
<br>
<ins>test5</ins>
<br>
t<sub>est</sub>6
<br>
t<sup>est</sup>7

:::

### 文字底色、文字顏色、文字外框、顏色代碼

[HTML Colors](https://bit.ly/3RbPW6m)

### 分段、分行、分隔線、詩體

[HTML Paragraphs](https://bit.ly/3HePGyP)

### 超連結

[HTML Links](https://bit.ly/3kP50L3)

### 圖片

[HTML Images](https://bit.ly/3Jmwj9y)

### 檔案路徑

[HTML File Paths](https://bit.ly/3HATKeb)

### 表格

[HTML Tables](https://bit.ly/3Riijjo)

:::warning
> 常見問題

* 表格整體置中
[How TO - Center Tables](https://bit.ly/3XSSmcA)
:::

#### 外框

[HTML Table Borders](https://bit.ly/40eppcO)

#### 大小

[HTML Table Sizes](https://bit.ly/3RhYfgP)

#### 標題

[HTML Table Headers](https://bit.ly/3wVF1EF)

#### 邊界

[HTML Table Padding & Spacing](https://bit.ly/3HDkDhp)

#### 顏色

[HTML Table Styling](https://bit.ly/3HE51dH)

#### 跨欄置中

[HTML Table Colspan & Rowspan
](https://bit.ly/3HtQyjo)

### 列表

[HTML Lists](https://bit.ly/3RirAYK)

#### 無序列表設定

[HTML Unordered Lists](https://bit.ly/3WG1XSt)

#### 有序列表設定

[HTML Ordered Lists](https://bit.ly/3He78DK)

### 按鈕

[HTML \<button> Tag](https://bit.ly/3HlWGtA)

#### 文字按鈕

[How TO - Text Buttons](https://bit.ly/3RgoW5w)

### class、di

[HTML class Attribute](https://bit.ly/3kXSjNO)
[HTML id Attribute](https://bit.ly/3JlEkM9)

---

## CSS

### 嵌入HTML方式、文字顏色、文字字體、文字大小、邊界設定

[HTML Styles - CSS](https://bit.ly/3Dql8sL)

### 文字外框

[如何利用 CSS 製作完美的文字外框](https://bit.ly/40bZtOR)
[不用買字型，用 CSS 做出專業的縷空文字+外框](https://bit.ly/3Y8I87G)

---

## JavaScript