# HACKMD教學 - markdown語法 我們嘗試來用markdown作今天教學內容的筆記吧！ # 第一堂課的筆記 [NKFW教學講義](https://hackmd.io/@NKFW/2023Book) # 網頁基本概念 網頁組成的三大要素 * ... * ... * ... # HTML HTML是一種...... 基本的範例如下： ```htmlembedded! <!-- 在此放入程式碼 --> ``` ### 標籤的基本格式 ### 標題 ### 段落 ### 圖片 ![](https://i.imgur.com/CUJw4hY.jpg) --- # CSS CSS就像網頁當中的...，用來控制...的樣式 ### 放CSS的位置 1. inline ``` ``` 2. 跟html寫在同一個檔案 ``` ``` 3. 分開來寫 ``` ``` ### 選擇器語法 :::warning 注意！兩個的用法並不一樣 ::: ```xml= <style> div > span { color: red; } </style> ``` ```xml= <style> div span { color: red; } </style> ```