写HTML这事，，，，，从前给人的印象总是要开个沉型软件，，，，，配好环境，，，，，再吭哧吭哧敲一堆代码。。。 。。。。但此刻不一样了，，，，，一个叫17c.c的在线工具，，，，，直接把写HTML的门槛踩死了。。。 。。。。打开浏览器就能上手，，，，，连装置都省了。。。 。。。。今天这篇就聊聊这个用来草拟HTML的幼器材，，，，，到底好使在哪。。。 。。。。
它到底是个什么工具
17c.c性质上是个在线的代码草稿箱，，，，，专为HTML打造，，，，，当然CSS和JS也能一路写。。。 。。。。它的界面出格干净，，，，，左边写代码，，，，，右边出成效，，，，，你敲一个标签，，，，，右边立刻就渲染出来了。。。 。。。。这种即时反馈的感触，，，，，就像有人在旁边助你盯着，，，，，出格踏实。。。 。。。。
并且它不像本地编纂器那样必要新建一堆文件加注配置什么服务器。。。 。。。。打开就是一个空缺的编纂区，，，，，你只管写，，，，，剩下的不用费神。。。 。。。。?
第一次用怎么上手
第一次进来，，，，，别慌。。。 。。。。页面中央通常；；；；；嵊幸桓瞿系哪０澹，，，，里面可能是一句“Hello World”之类的。。。 。。。。你直接全选删掉，，，，，从零起头写就杏祝。。 。。。。
- 在左边输入框里打上`
你好
`，，，，，右边顿时显示出大标题。。。 。。。。- 接着加个`
`段落，，，，，再放个`
- 想把布景换个色彩？ ？？？？？ ？？在右侧的形状区域加一行`background`属性就杏祝。。 。。。。
整个过程不用保留，，，，，网站自动助你存着。。。 。。。。写完了，，，，，点一下分享按钮，，，，，就能天生一个链接发给别人。。。 。。。。?
这种实时预览的履历，，，，，出格适合用来验证新学的标签。。。 。。。。好比你刚搞懂`flex`布局，，，，，想试试`justify-content`的几个值，，，，，以前得开本地环境反复刷新，，，，，此刻在17c.c里左边改一下，，，，，右边立刻变动，，，，，试错成本险些为零。。。 。。。。
跟本地编纂器比好在哪
以前我写HTML，，，，，用的都是VS Code这种本地工具。。。 。。。。职能的确壮大，，，，，但问题在于，，，，，有时辰就是一时想测一个标签写法，，，，，为了这个还得打开整个软件，，，，，建个文件，，，，，再手动开浏览器刷新。。。 。。。。太折腾了。。。 。。。。
17c.c这种在线草拟工具就轻快得多。。。 。。。。打开网页就写，，，，，写完即走。。。 。。。。它出格适合用来抠细节：好比你想对比一下两种布局成效，，，，，开两个标签页，，，，，左边写一个，，，，，右边写一个，，，，，了如指掌。。。 。。。。；；；；；褂幸坏悖，，，，手机上也能用。。。 。。。。有次我在地铁上忽然想到一个结构，，，，，掏出手机就改了，，，，，这在本地编纂器上想都别想。。。 。。。。?
若是你是做前端讲授的，，，，，这个工具也方便。。。 。。。。给学员演示一个成效，，，，，直接打开17c.c现场敲，，，，，不用让每幼我都装一堆软件。。。 。。。？ ？？？？？ ？＝蔡媒人吵┎簧佟！！ 。。。。
几个实用的幼技巧
用久了，，，，，你会发现这工具藏着一些贴心职能。。。 。。。。好比它内置了几套常用的HTML5模板，，，，，新建的时辰能够选！！ 。。。。，，，，省得自己敲head里的那一堆meta标签。。。 。。。。
再好比，，，，，它支持将代码导出成独立HTML文件。。。 。。。。你写完一个页面，，，，，点导出，，，，，下载到一个单文件，，，，，拿去就能用。。。 。。。。这在给别人演示原型的时辰出格方便。。。 。。。。
还有个幼窍门：若是你要插入图片，，，，，直接在代码里写``，，，，，把网络图片的地址贴进去就杏祝。。 。。。。不用上传，，，，，不用治理文件夹，，，，，单一粗鲁。。。 。。。。?
另表，，，，，它也有代码高亮和自动补全，，，，，固然比不上IDE那么智能，，，，，但常用的标签还是能助你补个尖括号。。。 。。。。对于草拟HTML这种需要，，，，，齐全够用了。。。 。。。。
对了，，，，，若是你写的是整页的HTML结构，，，，，试试它的折叠职能。。。 。。。。把大段的`
写HTML这件事，，，，，正本就不该被复杂的工具环境绊住脚。。。 。。。。17c.c这类在线草拟工具，，，，，真正让人把把稳力放回代码自身。。。 。。。。你平时是用本地编纂器还是在线工具？ ？？？？？ ？？欢迎在评论区聊聊你的习惯。。。 。。。。
版权申明：凡起源为“交汇点、新华日报及其子报”或电头为“新华报业网”的稿件，，，，，均为新华报业网独家版权所有，，，，，未经许可不得转载或镜像；；；；；；授权转载必须注明起源为“新华报业网”，，，，，并保留“新华报业网”的电头。。。 。。。。
免责申明：本站转载稿件仅代表作者幼我概想，，，，，与新华报业网无关。。。 。。。。稿件内容请读者仅作参考，，，，，并自行核实有关信息。。。 。。。。
Android版
iPhone版