html 在线编辑器

🌙
手机阅读
本文目录结构
axihe

html 在线编辑器

下面是我收集的一些在线编辑器

codebeautify.org

https://codebeautify.org/ 不仅仅是一个免费的 HTML 在线编辑工具。它实际上是一个用来美化和精简代码的在线工具。您可以输入一个现有网页的网址,它将会显示出完整的代码。你可以编写代码并进行实时查看。此外,你还可以页面存储大小以及字符数。最后,它能为你所修改的代码提供一个唯一的路径进行保存。这个功能让它成为团队合作项目的第一选择,每个团队成员都能通过共享路径看到修改后的代码。

codepen.io

https://codepen.io/ 是一个具有先进功能的 HTML 在线编辑器,可以在同样的浏览窗口中单独编辑 HTML, CSS, 和 Java Script。你可以在编写的同时进行预览,还能点击“更改视图”按钮重新进行分层并选中你需要的层,编写完成之后,你可以将代码导出并保存到一个压缩文件中。这个编辑器拥有许多的快捷键方便您进行使用。

onlinehtmleditor.net

https://www.onlinehtmleditor.net/ 是非常简单和易用的 HTML 在线编辑器,适用的标签有 H1,H2,H3,H4,P,IMG,List 等,还可以在下方查看实时预览。你可以手动输入这些标签,也可以通过点击工具栏上的图标来使用它们。它甚至可以让你通过具体的图片路径添加图片。完成编辑之后,你可以复制你的 HTML 代码并保存到本地磁盘,也可以在你的网站或博客中使用它。

html.am

https://www.html.am/index.cfm 提供了一个成熟的免费在线 WYSIWYG HTML 编辑器。它拥有几乎所有的命令用来编辑你的文字,包括字体大小,颜色,尺寸,列表,超链 接及更多。 除了上面提到的标签,它还支持高级的 HTML 标签,包括表格,文本框, 复选框,单选按钮,文本域,按钮等。此外,还能插入图片对象,Flash 对象,表格甚至是 iFrame。你可以按要求键入和编辑文本内容。编写完成后你可以将编辑页面的源代码复制到您的网站上。您可以通过点击主菜单上的源按钮切换源代码 ,还能通过点击最大化按钮把编辑器最大化。

jsfiddle.net

jsfiddle.net 是一个多窗格的 HTML 在线编辑器。你可以在 HTML 窗格中键入 HTML 代码,而 CSS 和 Java Script 脚本将会键入到各自的窗口中。每次更改之后你必须点击运行按钮来查看最终的结果。你可以进行在线保存 ,它为你提供了一个唯一的保存路径。另外,它还支持在线协作。

cssdeck.com

http://cssdeck.com/ 是一个拥有四个窗格的 HTML 在线编辑器,他们分别用来编写 HTML, CSS 和 Java Script 并进行实时预览。你可以在每个窗口中单独编写代码,但组合的输出结果将会显示在预览窗口中。此外,编辑器还拥有许多的快捷键。

html-color-codes.info

https://html-color-codes.info/ 提供了免费的 HTML 在线编辑器。它可以让你键入和编写文本并生成格式化 HTML 代码。无论是专业的 HTML 程序员还是只了解一些 HTML 知识的新手都能使用它。你可以应用格式,缩进,各种样式 ,不同的字体以及字体大小到你的文本中。它还具有“粘贴为纯文本” 和“粘贴”的选项,使格式设置更容易。它也有一个预览按钮来预览您的网页。完成编辑后,您可以点击“编辑 HTML 源码”按钮(在工具栏上的最后一个按钮)复制 HTML 代码。

htmleditor.in

http://htmleditor.in/index.html 是一个类似于 MS Word 的免费 WYSIWYG HTML 和 HTML5 在线编辑器。只需要进入文本,并应用各种格式设置到你的文本中,如:粗体,斜体,下划线,删除线,上标,下标,编号,字体大小,字体,颜色等。它有一个拼写检查的设备,能进行拼写检查。它还具有许多形式设计工具,你可以插入动画,图片,表格,水平线,笑脸和其它的外部对象到你的页面。

htmledit.squarefree.com

http://htmledit.squarefree.com/ 是一个基本的 HTML 在线编辑器。在使用它之前你必须了解 HTML 的相关知识。你必须手动将格式化标记应用于文本类型,能实时看到文本和格式的变化。总而言之,这是一个非常基础的 HTML 编辑器。

4html.net

https://4html.net/ 提供免费的 HTML 在线编辑功能。只需在给定区域键入文本并使用各种格式化标签。它拥有的格式例如:粗体,斜体风格,强调,预格式化的地址,标题,标题 1 至 6 的格式等。它还有代码高亮显示,自动缩进等功能。除了简单的粘帖功能,它还具有“粘贴为纯文本”和“从 Word 中粘贴”等功能。编辑结束后,你可以把 HTML 代码复制到你的网站或博客中。

更多 HTML 搜索

通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang