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…