# 色塊強調 ### 主講人：黃夙賢 --- ## 用區塊顏色強調內容 - 用\:\:\:模式(開始)，\:\:\:(結束)，中間包裹想要強調的內容 - 共有四種模式：success(綠色)、info(藍色)、warning(黃色)、danger(紅色) - 範例: :::success \:\:\:success &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (包裹想要的內容) \:\:\: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ::: --- ## 隨堂練習  --- ## 將文字畫上螢光筆 - 字串的前後標在四個等號中間 \=\=要標色的字\=\= 就會有螢光筆的效果 ==像這樣== --- ## 隨堂練習 HackMD為工程師文件而生的文件協作平台，==主推多人協作服務==。編輯器本身可以作為簡單的筆記軟體來寫日記、寫稿、寫文件，==並用標籤（tag）進行分類與管理==。==支援其他程式碼跟語法==，例如 YAML、MathJax、Uml diagrams，同時也==提供「簡報模式」跟「書籍模式」==，讓使用者擁有更多的發揮創作空間。 --- ## 自訂文字顏色方式 - 使用html中，font tag - 範例：\<font color=red><font color=red>變色文字</font>\</font> - 其中"red"可以更換成各種顏色代碼，或者用\#aabbcc的RGB16進位方式進行調色 - 可參考[色碼表](https://www.wibibi.com/info.php?tid=372)、[color-pick](https://htmlcolorcodes.com/color-picker/) --- ## 色碼表  --- ## 隨堂練習 - <font color="#82FF82">我是淺綠色的文字</font> - <font color="#00A800">我是深綠色的文字</font> - <font color="#FFC9C9">我是粉紅色的文字</font> - <font color="#E00000">我是深紅色的文字</font> - <font color="#A3A3FF">我是淺藍色的文字</font> - <font color="#0000A8">我是深藍色的文字</font> --- ## 隨堂作業 - 請開啟一筆記，命名為『色塊強調』 - 筆記內容請結合『色塊強調』、『螢光筆』、『文字顏色』三個隨堂練習 - 範例請參考：[https://hackmd.io/@shhuangmust/JEn2dNbOR-qYTg-wrtu4Yw](https://hackmd.io/@shhuangmust/JEn2dNbOR-qYTg-wrtu4Yw)