---
# System prepended metadata

title: IEH 程式隊 Workshop004 - 基礎程式

---

# IEH 程式隊 Workshop004 - 基礎程式

## 著陸頁 Landing Page
The general goal of a landing page is to convert site visitors into sales or leads.
![image](https://hackmd.io/_uploads/rku0XiGhJg.png)

## 行銷漏斗 Purchase funnel
七次法則：大部分的顧客要接觸過商品七次後，才可能實際購買

## 線上網頁程式編輯器
(可使用10 Minute Email註冊： https://10minutemail.net/)
https://jsfiddle.net/

## What is HTML/CSS/JS ?
https://ithelp.ithome.com.tw/m/articles/10202326
https://www.w3schools.com/

![image](https://hackmd.io/_uploads/Hypu9Utikg.png)


```
<div id="ccc">

  <p class="bbb">Hello World 1</p>
  <p id="aaa">Hello World 2</p>
  <p class="bbb">Hello World 3</p>
  <p class="bbb">Hello World 4</p>

</div>

```

```
#aaa{
  background-color: red;
}

.bbb{
  background-color: green;
}

#ccc{
  background-color: yellow;
}

```

---


```
<h1 id="aaa">Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>This is a paragraph.</p>

```

```
#aaa{
  font-size: 5px;
}

```


## selector
* class: .xxx
* id: #xxx

## 本日學習常見標籤
* div
* Headings
* Paragraphs
* List
* Table
* Images


## 如何把程式放到Local