---
title: "HTML - 一紙忘憂"
canonical_url: "https://www.ikxin.com/zh-tw/tag/html"
locale: zh-tw
meta:
"og:title": HTML
---
> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)
# HTML
[](https://www.ikxin.com/zh-tw/article/html-js-css-tools)
## [線上壓縮解壓 HTML、JavaScript、CSS 等原始碼](https://www.ikxin.com/zh-tw/article/html-js-css-tools)
前幾天本站發布了一個 HTML 線上執行的工具，來幫助大家學習前端 HTML，今天我繼續發布三個非常實用的小工具，分別是 HTML、JavaScript、CSS 的壓縮與解壓工具，可以幫助大家更好地優化自己的網站哦，示意圖在下方。 HTML
[Web 前端](https://www.ikxin.com/zh-tw/category/web) 2017.07.256856 人瀏覽 [1 則評論](https://www.ikxin.com/zh-tw/article/html-js-css-tools#comments)
[CSS](https://www.ikxin.com/zh-tw/tag/css) [ HTML](https://www.ikxin.com/zh-tw/tag/html) [ JavaScript](https://www.ikxin.com/zh-tw/tag/javascript)
[](https://www.ikxin.com/zh-tw/article/oneui-frontend-template)
## [「OneUI」超好看的前端 Bootstrap 模板免費分享](https://www.ikxin.com/zh-tw/article/oneui-frontend-template)
UI 介紹 OneUI 是一個非常靈活的 UI 框架，基於 Bootstrap 和 AngularJS。它可以使用相同的快速且強大的版面配置來建構後端和前端頁面。它包含了 4 個不同的版本：前端、HTML、PHP 和 AngularJS，幫
[模板源码](https://www.ikxin.com/zh-tw/category/source-code) 2017.07.208148 人瀏覽 [1 則評論](https://www.ikxin.com/zh-tw/article/oneui-frontend-template#comments)
[HTML](https://www.ikxin.com/zh-tw/tag/html) [ Bootstrap](https://www.ikxin.com/zh-tw/tag/bootstrap)
[](https://www.ikxin.com/zh-tw/article/html-special-characters)
## [網頁特殊字串 HTML 代碼大全](https://www.ikxin.com/zh-tw/article/html-special-characters)
在編寫網頁 HTML 時，經常會需要用到一些特殊字元。這些字元往往無法直接透過鍵盤輸入，所以我們需要使用對應的 HTML 實體代碼。這些代碼在 HTML 手冊中都有記載，但查閱起來並不方便。 為了方便自己和大家寫網頁時快速找到需要的字元代碼
[Web 前端](https://www.ikxin.com/zh-tw/category/web) 2017.07.195279 人瀏覽 [0 則評論](https://www.ikxin.com/zh-tw/article/html-special-characters#comments)
[HTML](https://www.ikxin.com/zh-tw/tag/html)
[](https://www.ikxin.com/zh-tw/article/online-html-tools)
## [「本站首發」線上執行靜態 HTML 工具站](https://www.ikxin.com/zh-tw/article/online-html-tools)
學習前端時，經常需要執行一些測試程式碼。當時我大多使用一些線上工具，比如 Chinaz 的站長工具。現在前端技術學得差不多了，於是決定自己動手寫一個線上執行工具，幫助更多人更方便地學習前端程式設計。下面是工具的示意圖： 關於 LOGO：目前
[Web 前端](https://www.ikxin.com/zh-tw/category/web) 2017.07.184507 人瀏覽 [0 則評論](https://www.ikxin.com/zh-tw/article/online-html-tools#comments)
[HTML](https://www.ikxin.com/zh-tw/tag/html)
[](https://www.ikxin.com/zh-tw/article/html-css-iphone6-model)
## [使用純 HTML 5 + CSS 3 繪出 iPhone 6 手機模型](https://www.ikxin.com/zh-tw/article/html-css-iphone6-model)
在 B 站看到一個 HTML5 作品，是利用純程式碼來繪出 iPhone 的渲染圖，覺得挺有意思的，就發出來給小夥伴們也參考參考，下面先來張效果圖： 差不多快 60 行的程式碼，也不到 60 行，純程式碼寫的，沒有用一張圖片素材，包括電池圖
[Web 前端](https://www.ikxin.com/zh-tw/category/web) 2017.07.114316 人瀏覽 [0 則評論](https://www.ikxin.com/zh-tw/article/html-css-iphone6-model#comments)
[CSS](https://www.ikxin.com/zh-tw/tag/css) [ HTML](https://www.ikxin.com/zh-tw/tag/html)
## [「防君子不防小人」停用瀏覽器檢視網頁 HTML 原始碼](https://www.ikxin.com/zh-tw/article/disable-view-source-code)
有時候我們架設了一個簡單的 HTML 網站，又不想讓別人看到網頁的原始碼，這時候我們就要用到程式碼來禁止別人檢視 HTML 程式碼，我們先分析一下別人是怎麼檢視網頁原始碼的吧。 一般我們都知道，透過瀏覽器當你開啟一個網頁的時候，等網頁完全載
[Web 前端](https://www.ikxin.com/zh-tw/category/web) 2017.05.265924 人瀏覽 [0 則評論](https://www.ikxin.com/zh-tw/article/disable-view-source-code#comments)
[HTML](https://www.ikxin.com/zh-tw/tag/html)
## [「悼念」將整個網站頁面變成黑白兩色](https://www.ikxin.com/zh-tw/article/website-black-white)
記得去年知名歌手喬任梁去世的時候，百度圖片破天荒地給他搞了個黑白網頁，使得所有使用者在百度圖片搜尋喬任梁的時候都是顯示全站黑白的，對於一些需要悼念的日子，很多人也都想把自己的網站弄成全站黑白來表示自己的哀悼之情。 下面我就附上開啟全站黑白的
[Web 前端](https://www.ikxin.com/zh-tw/category/web) 2017.05.227415 人瀏覽 [0 則評論](https://www.ikxin.com/zh-tw/article/website-black-white#comments)
[CSS](https://www.ikxin.com/zh-tw/tag/css) [ HTML](https://www.ikxin.com/zh-tw/tag/html)
```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/zh-tw#website","@type":"WebSite","description":"一紙忘憂的個人網站，關於技術探索與日常生活，記錄 Web 開發、後端與 DevOps 實踐，分享軟體工具、數位體驗，以及程式碼之外的見聞與思考。","inLanguage":"zh-TW","name":"一紙忘憂","url":"https://www.ikxin.com/zh-tw","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/zh-tw/tag/html#webpage","@type":"WebPage","description":"一紙忘憂的個人網站，關於技術探索與日常生活，記錄 Web 開發、後端與 DevOps 實踐，分享軟體工具、數位體驗，以及程式碼之外的見聞與思考。","name":"HTML","url":"https://www.ikxin.com/zh-tw/tag/html","isPartOf":{"@id":"https://www.ikxin.com/zh-tw#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/zh-tw/tag/html"]}]}]}
```
## Sitemap
See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.