Shiny

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 Extension

I 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…