---
title: "HTML - 一纸忘忧"
canonical_url: "https://www.ikxin.com/tag/html"
locale: zh-cn
meta:
"og:title": HTML
---
> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)
# HTML
[](https://www.ikxin.com/article/html-js-css-tools)
## [在线压缩解压 HTML、JavaScript、CSS 等源码](https://www.ikxin.com/article/html-js-css-tools)
前几天本站发布了一个 HTML 在线运行的工具，来帮助大家学习前端 HTML，今天我继续发布三个非常实用的小工具，分别是 HTML、JavaScript、CSS 的压缩与解压工具，可以帮助大家更好地优化自己的网站哦，演示图在下方。 HTML
[Web 前端](https://www.ikxin.com/category/web) 2017.07.256862 人浏览 [1 条评论](https://www.ikxin.com/article/html-js-css-tools#comments)
[CSS](https://www.ikxin.com/tag/css) [ HTML](https://www.ikxin.com/tag/html) [ JavaScript](https://www.ikxin.com/tag/javascript)
[](https://www.ikxin.com/article/oneui-frontend-template)
## [「OneUI」超好看的前端 Bootstrap 模板免费分享](https://www.ikxin.com/article/oneui-frontend-template)
UI 介绍 OneUI 是一个非常灵活的 UI 框架，基于 Bootstrap 和 AngularJS。它可以使用相同的快速和强大的布局来构建后端和前端页面。它包含了 4 个不同的版本：前端、HTML、PHP 和 AngularJS，帮助你
[模板源码](https://www.ikxin.com/category/source-code) 2017.07.208155 人浏览 [1 条评论](https://www.ikxin.com/article/oneui-frontend-template#comments)
[HTML](https://www.ikxin.com/tag/html) [ Bootstrap](https://www.ikxin.com/tag/bootstrap)
[](https://www.ikxin.com/article/html-special-characters)
## [网页特殊字符串 HTML 代码大全](https://www.ikxin.com/article/html-special-characters)
在编写网页 HTML 时，经常会需要用到一些特殊字符。这些字符往往无法直接通过键盘输入，所以我们需要使用对应的 HTML 实体代码。这些代码在 HTML 手册中都有记载，但查阅起来并不方便。 为了方便自己和大家写网页时快速找到需要的字符代码
[Web 前端](https://www.ikxin.com/category/web) 2017.07.195290 人浏览 [0 条评论](https://www.ikxin.com/article/html-special-characters#comments)
[HTML](https://www.ikxin.com/tag/html)
[](https://www.ikxin.com/article/online-html-tools)
## [「本站首发」在线运行静态 HTML 工具站](https://www.ikxin.com/article/online-html-tools)
学习前端时，经常需要运行一些测试代码。当时我大多使用一些在线工具，比如 Chinaz 的站长工具。现在前端技术学得差不多了，于是决定自己动手写一个在线运行工具，帮助更多人更方便地学习前端编程。下面是工具的演示图： 关于 LOGO：目前的 L
[Web 前端](https://www.ikxin.com/category/web) 2017.07.184514 人浏览 [0 条评论](https://www.ikxin.com/article/online-html-tools#comments)
[HTML](https://www.ikxin.com/tag/html)
[](https://www.ikxin.com/article/html-css-iphone6-model)
## [使用纯 HTML 5 + CSS 3 画出 iPhone 6 手机模型](https://www.ikxin.com/article/html-css-iphone6-model)
在 B 站看到一个 HTML5 作品，是利用纯代码来画出 iPhone 的渲染图，觉得挺有意思的，就发出来给小伙伴们也参考参考，下面先来张效果图： 差不多快 60 行的代码，也不到 60 行，纯代码写的，没有用一张图片素材，包括电池图标和信
[Web 前端](https://www.ikxin.com/category/web) 2017.07.114324 人浏览 [0 条评论](https://www.ikxin.com/article/html-css-iphone6-model#comments)
[CSS](https://www.ikxin.com/tag/css) [ HTML](https://www.ikxin.com/tag/html)
## [「防君子不防小人」禁用浏览器查看网页 HTML 源码](https://www.ikxin.com/article/disable-view-source-code)
有的时候我们搭建了一个简单的 HTML 网站，又不想让别人看到网页的源代码，这时候我们就要用到代码来禁止别人查看 HTML 代码，我们先分析下别人是怎么查看网页源代码的吧。 一般的我们都知道通过浏览器当你打开一个网页的时候，等网页完全加载好
[Web 前端](https://www.ikxin.com/category/web) 2017.05.265927 人浏览 [0 条评论](https://www.ikxin.com/article/disable-view-source-code#comments)
[HTML](https://www.ikxin.com/tag/html)
## [「悼念」将整个网站页面变成黑白两色](https://www.ikxin.com/article/website-black-white)
记得去年知名歌手乔任梁去世的时候，百度图片破天荒的给他搞了个黑白网页，使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的，对于一些需要悼念的日子，很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。 下面我就附上开启全站黑白的教
[Web 前端](https://www.ikxin.com/category/web) 2017.05.227423 人浏览 [0 条评论](https://www.ikxin.com/article/website-black-white#comments)
[CSS](https://www.ikxin.com/tag/css) [ HTML](https://www.ikxin.com/tag/html)
```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/#website","@type":"WebSite","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","inLanguage":"zh-CN","name":"一纸忘忧","url":"https://www.ikxin.com/","workTranslation":[{"@id":"https://www.ikxin.com/zh-tw#website"},{"@id":"https://www.ikxin.com/ko#website"},{"@id":"https://www.ikxin.com/en#website"},{"@id":"https://www.ikxin.com/ja#website"}]},{"@id":"https://www.ikxin.com/tag/html#webpage","@type":"WebPage","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","name":"HTML","url":"https://www.ikxin.com/tag/html","isPartOf":{"@id":"https://www.ikxin.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/tag/html"]}]}]}
```
## Sitemap
See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.