Shiny

Shiny

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

一分鐘學前端(6):加入網頁 icon

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

上一篇 介紹了可以修改頁籤上顯示文字的方式,接著這篇就要介紹如何修改網頁的 icon ,有了 icon 就可以做出識別化,讓別人不需要看到名稱也可以知道是什麼網站,因此好的 icon 設計是非常重要的。 上面這張圖有認得幾個 icon…

一分鐘學前端(5):網頁標題

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

前面幾篇都是介紹網頁內容的部分,只有上一篇介紹了解決多國語言亂碼的問題,不知道有沒有注意到瀏覽器頁籤的內容是顯示 index.html 也就是檔案的名稱呢? 要解決這問題只需要把想要的標題文字放在標題標籤( title )裡面並解放在 <head> 與 </head…

一分鐘學前端(4):銝剜 中文亂碼?

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

前面幾篇都是介紹英文的內容,是時候進入多語言的情況了,畢竟除了英文以外還會中文嘛!就改改 HTML 變成 中文 吧! 下載 HTML ,然後在下載的資料夾裡面點兩下打開,就可以看到下圖的內容 如果你是 Chrome…

一分鐘學前端(3):調整文字大小

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

在 上一篇文章 加入了圖片,結果圖片很大,文字很小,看起來頗不協調,所以接下來要把文字加大,完整程式碼如下: 可以看到只是把 HTML 四個文字放在 <h1> 和 </h1> 的裡面,前者就是開始標籤,後者是結束標籤,就可以把文字變大了 下載 HTML…

一分鐘學前端(2):在 HTML 中加入圖片

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

圖片是網頁重要的元素之一,可以讓你的網頁變得非常豐富,就如同 第一篇文章 我的截圖一樣,可以先看到最後的成果,在了解怎麼達成的,要加入圖片在網頁中很簡單,完整的程式碼如下: 可以看到我只有增加了一行 下載我的第二個網頁 HTML…

一分鐘學前端(1):第一個 HTML

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

一分鐘學前端是給網頁初學者或是對網頁感興趣的人所設計的,重點在於可以立刻的感受到成就感。 因為是第一篇,所以要介紹前端最重要的根本:HTML,HTML…