---
# System prepended metadata

title: HTML
tags: [Note]

---

# HTML
## HTML element 
```
1. <pi> : a paragraph of text
2. <h1> : main header on a page
3. <img> : embeds an image
4. <form> :  a form
```



## HTML skeleton
```
<!Doctype html>  ! 標誌，宣告這是一個html的code
<html>   ! 必包含1 head & 1 body
  <head>
    <title> ! chrome分頁窗上的字
  </head>
  
  <body>
  ...
  </body>
<1html>
```
## 學習筆記
```
<i> 斜體 </i>
```
> *斜體*

---

```
<b> 粗體 </b>
```
> **粗體**

---

```
<blockquote> 縮排 </blockquote>
<blockquote><blockquote> 縮排2次 </blockquote></blockquote>
```
>>縮排
>>>縮排

```
嗨<sup> 上標 </sup>
再見<sub> 下標 </sub>
```
> 再見<sup>上標</sup>
> 嗨<sub>下標</sub>

---
## Anchor and link
```
<a href="https://en.wikipedia.org/wiki/Chicken_as_food" target="_blank">chicken as food</a>
```
> [Chicken as food](https://en.wikipedia.org/wiki/Chicken_as_food) （make a link by anchor錨)

anchor has 3 attribute 屬性 (to create functional hyper link)
> 1. href
> 指定anchor元素的目標or目的地。最常使用於定義anchor元素到鏈接URL。
> 用於link之外，如網頁、郵件、跑腳本
>> a. any element on website than http
>> 
>> b. link a resources other than http. 
>> ex. plaease contact me.
>> 
>> c. run a script 腳本
> 2. target
> 在href中可以連接email很方便，但是繪出現一個問題就是可能會離開原本的頁面，並重新導向email，而使用target&blank搭配Link時，就可以告知visitor在新or空的瀏覽器中打開一個新的email視窗。

###### tags: `Note`
