---
# System prepended metadata

title: HTML 5 API(1)+(2)
tags: [台南資策會 HTML5]

---

###### tags: `台南資策會 HTML5`

# HTML 5 API(1)+(2)
2021-05-11

* 甚麼事HTML:
網頁呈現的里程碑方式，其代表的瀏覽器就是chorme

* 增加瀏覽器的多功能，只要有外掛就可以成

* javascript需要利用零碎的時間去學習




div如何使用，架構標籤就會長怎麼樣。
主要的內容會放在main裡面

*boostrp 幫我們編好的html跟css

*文章內容:section

*小型的視窗(例如廣告，可以用div做一個視窗)

![](https://i.imgur.com/lg0Vbop.png)


**ALT +Z(折行數)**

*GPS定位可以應用到結業專題

# 練習一 HTML 5 架構標籤與多媒體

*header是技術含量高的標籤設置

圖示:
後臺程式碼:
![](https://i.imgur.com/dGHJ0Nm.png)

![](https://i.imgur.com/OAobdzc.png)


DIV與架構標籤的行為是一樣的

* 內文              < section>
* 置入圖片           < figure >

**將編輯器當中的<>  全部改成&lt;** ，如此一來才不會讓編輯器物認為這些也是要執行的而在網頁上無發正確呈現

以下為改好後的後台就會發現可以正確顯示了。
![](https://i.imgur.com/L222FOW.png)
# 收合式內容應用
 < details >
<section >
< article >
< main>

(內文)

< /details >
<  / section >
<  / article >
<  / main>

