Shiny

Shiny

Experienced JavaScript / Node.js engineer & team lead.
Twitter Facebook Medium LinkedIn GitHub Email

一分鐘學前端(9):文字樣式

October 23, 2019 #HTML#一分鐘學前端

在 第三篇 的時候已經介紹過文字大小的調整了,這次就來介紹一下文字樣式的調整,像是 粗體 、 斜體 、 刪除線 與 下底線 等等的樣式,費話不多說,開始看怎麼作: 下載 HTML 後打開就會看到下圖: 這次用到的 HTML Tag 有 <b> , <strong…

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…