# 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`