html菜鸟教程编辑器(html5 编辑器)
用菜鸟教程打HTML怎么不能显示图片？
这种情况一般是图片路径不正确，可以用浏览开发者工具检查图片路径。
在线html编辑器一般需要先把本地图片上传到服务器再引用，或者直接引用网络图片。
初学网页制作用哪个软件好
一、菜鸟级网页制作软件
如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！
①Microsoft FrontPage
如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。
FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。
②Netscape编辑器
Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。
Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。
③Adobe Pagemill
Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。
Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。
④Claris Home Page
如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。
二、中级网页制作软件
如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。
①DreamWeaver
自制动态HTML动画的网页
DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
②Fireworks
第一款彻底为Web制作者们设计的软件
Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！
③Flash
让你的网页动起来
Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！
④HotDog Professional
制作要加入多种复杂技术的网页
HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。
HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。
⑤HomeSite
制作可完全控制页面进程的网页
Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。
HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。
⑥HotMetal Pro
制作具有强大数据嵌入能力的网页
HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。
HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。
三、高级网页制作软件
①Microsoft Visual Studio
该系列的版本有：2003、2005、2008和未来的版本；
适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。
②Jbuilder
不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。
③记事本
别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。
有哪些好用的代码编辑器值得推荐?
给大家推荐8款最受程序员喜爱的代码编辑器
1、Atom
Atom是Github打造的一款开源代码编辑器，支持 macOS、Windows和Linux操作系统，支持Node.js所写的插件，并内置由Github提供的Git版本控制系统，也可被当作 IDE 使用。
Atom的特色在于它极其丰富的可定制性，以及赏心悦目的界面。特别是自带的代码缩略图和代码折叠功能，不管是用Python还是做前端都非常好用。
2、EMACS
EMACS的强大之处在于已经超出了编辑器的范畴，搞成了大的平台，很多开发人员在上面直接都以他为入口完成各种功能需求了。
主要有如下特性：上网浏览网页看视频,收发邮件，调试程序，玩游戏，计算器，；、文件比较，记日记，目录管理
3、Notepad++
Notepad++被称为是JAVA程序员的最爱，几乎可以替代记事本的最佳编辑器，很多强大的功能集于一身。可以在Windows操作系统下编辑，有完整的中文化接口支持多国语言编写的功能(UTF8技术)，支持自定义语言。该程序还支持自动完成某些编程语言的API子集。
4、Sublime Text
Sublime 是一种比Notepad++功能强大的多编辑器，现在很多前端开发人员都很喜欢，虽然代码不开源，里面需要拿到注册码才能使用，但是它几乎涵盖了notepad++的所有特性，界面美观功能全的编辑器。
主要有如下特性：
跨平台，几乎在各个操作系统上都能使用
查找和替换功能做得非常友善
不仅支持多种语言关键字的高亮提示，还能针对编程语言编译错误给提示
支持插件功能
能够支持多种布局方式
5、Brackets
Brackets是一款为Linux开发者设计的开源代码编辑器，使用Brackets写代码，你不会被任何事情所打断。比如在写HTML代码时，即便你没有保存代码也可以及时预览你的Web页面效果。你也可以使用Theseus来检查变量，Brackets默认提供一种主题，当然你也可以在扩展中心获取更多的主题。
6、Vim
Vim 是一款高度可定制的文本编辑器，可以用于包括编写代码在内的各种文本创建与编辑工作。
Vim 的特色在于，它可以仅仅通过键盘来在插入、执行命令、文本批量处理等模式之中切换。这就使得 Vim 可以不用进行菜单或者鼠标操作，并且最小化组合键的操作。对文字录入员或者程序员可以大大增强速度和效率。
7、Visual Studio Code
Visual Studio Code是目前最受欢迎的代码编辑器。Visual Studio Code是一个由微软公司发布的免费开源且跨平台的代码编辑器，刚一问世，它就以强大的功能、美观的界面、高度的可定制性，被誉为微软的良心之作。
Visual StudioCode 内置了代码调试、Git 版本控制、代码高亮、智能代码补完、代码片段管理、代码重构等丰富的功能。此外，VS Code 的用户个性配置选项也很丰富，能方便地修改主题颜色、键盘快捷方式等各种属性和参数，还在内置了扩展程序管理的功能。
8、Eclipse
Eclipse以一种友好的集成开发环境，为各种类型的用户，提供了一系列针对开发Web和Java应用的可用工具。虽然专注于Java，但是也支持其他各种编程语言，如C ++、JavaScript、PHP、C、Perl、Fortran、Ruby、Python，甚至是COBOL。它还包括了适用于各种语言、向导和内置应用程序以简化开发的源代码和图形编辑器，以及支持部署、运行和测试app的工具和API。
Eclipse提供的插件功能相当丰富，有助于更加简便地创建、集成和使用软件工具，节省时间和金钱。
制作网页可以用什么软件？
制作网页可以用如下软件：
1、Coolsite360。特点有可复制模板，更可任性DIY，无需编程，在线创建，自动适配桌面及移动端。
2、Adobe Dreamweaver。简称“DW”，中文名称 "梦想编织者"，最初为美国MACROMEDIA公司开发，2005年被Adobe公司收购。
3、Flash。是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。
4、Fireworks。是由Macromedia推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。
5、Frontpage。Frontpage，是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单，会用Word 就能做网页，因此相对Dreamweaver等软件更容易上手。
参考资料：百度百科-网站制作软件
html代码编辑器编辑出来的代码怎么用
其实你新建一个txt文档，命名之后，将文件的后缀名改为html也可以，新手可以直接用txt文本编辑，用dreamwaver CS5工具可以快速编辑并随时查看页面效果，保存的文件就是html文件，双击可以打开你做的网页，但是这个只是静态页面，里面的内容都是固定的。