Experienced JavaScript / Node.js engineer & team lead.
Facebook Medium LinkedIn CodeSandbox GitHub Email
一分鐘學前端（9）：文字樣式
October 23, 2019 #HTML#一分鐘學前端在 第三篇 的時候已經介紹過文字大小的調整了，這次就來介紹一下文字樣式的調整，像是粗體、斜體、刪除線與下底線等等的樣式，費話不多說，開始看怎麼作： 下載 HTML 後打開就會看到下圖： 這次用到的 HTML Tag 有 <b>, <strong>, <i>, <u> 與 <s…
Chrome Extension: Request domain list
October 18, 2019 #Chrome ExtensionI received a request asking me to get all the domain names of the browser connection after the user interaction. It sounds not pretty hard…
一分鐘學前端（8）：在 HTML 中插入表格
October 15, 2019 #HTML#一分鐘學前端上一篇介紹的項目清單適合簡單快速的分別事物，但是如果需要複雜的比較的時候單純用項目清單可能不是個好選擇，這個時候表格 (<table>)就派上用場了，表格就像是 Excel 一樣有橫向與縱向兩個方向來比較東西，具體寫法如下： 表格多了一個屬性 (border…
一分鐘學前端（7）：項目清單
October 15, 2019 #HTML#一分鐘學前端項目清單是非常實用的網頁元素，分別有 <ul>: 無序清單 (unordered list) 會顯示一個小黑點在項目的前面，通常用在沒有順序性的清單上 <ol>: 有序清單 (ordered list) 會顯示阿拉伯數字 (1, 2,…
一分鐘學前端（6）：加入網頁 icon
October 13, 2019 #HTML#一分鐘學前端上一篇介紹了可以修改頁籤上顯示文字的方式，接著這篇就要介紹如何修改網頁的 icon ，有了 icon 就可以做出識別化，讓別人不需要看到名稱也可以知道是什麼網站，因此好的 icon 設計是非常重要的。 上面這張圖有認得幾個 icon…
一分鐘學前端（5）：網頁標題
October 10, 2019 #HTML#一分鐘學前端前面幾篇都是介紹網頁內容的部分，只有上一篇介紹了解決多國語言亂碼的問題，不知道有沒有注意到瀏覽器頁籤的內容是顯示 index.html 也就是檔案的名稱呢？ 要解決這問題只需要把想要的標題文字放在標題標籤（title）裡面並解放在 <head> 與 </head…