Shiny

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

一分鐘學前端(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 設計是非常重要的。 ![](./images/CleanShot 2019-10-13 at 1…

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

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

前面幾篇都是介紹網頁內容的部分,只有上一篇介紹了解決多國語言亂碼的問題,不知道有沒有注意到瀏覽器頁籤的內容是顯示 index.html 也就是檔案的名稱呢? ![](./images/CleanShot 2019-10-10 at [email protected]

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

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

前面幾篇都是介紹英文的內容,是時候進入多語言的情況了,畢竟除了英文以外還會中文嘛!就改改 HTML 變成 中文 吧! 下載 HTML,然後在下載的資料夾裡面點兩下打開,就可以看到下圖的內容 ![](./images/CleanShot 2019-10-07 at 22.40.4…

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

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

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