--- description: Quer criar a sua própria página? Confira 14 opções de editores html gratuitos que lhe ajudarão a desenhar um site de maneira fácil. image: https://gdm-localsites-assets-gfprod.imgix.net/images/capterra/og_logo-e5a8c001ed0bd1bb922639230fcea71a.png?auto=format%2Cenhance%2Ccompress title: Conheça 14 opções de editores HTML gratuitos --- # Conheça 14 opções de editores HTML gratuitos Canonical: https://www.capterra.com.br/blog/728/14-editores-html-gratuitos Publicado em 17/06/2019 | Escrito por Lucca Rossi, Kelsie Anderson. ![Conheça 14 opções de editores HTML gratuitos](https://images.ctfassets.net/63bmaubptoky/m31djNQG2oM35-jYNJCnFd7pDP5orPHvj4Ahp6RERPk/a65d7b6b3435f885ea8dec237a653614/14-editores-HTML-gratuitos.jpg) > Numa era de start-ups e inovação tecnológica existem muitos motivos para criar um site, e o número de ferramentas no mercado parece infinito. ----- ## Conteúdo do artigo Numa era de start-ups e inovação tecnológica existem muitos motivos para criar um site, e o número de ferramentas no mercado parece infinito.Desde vender uma criação própria, passando por desenvolver um espaço onde pessoas com interesses em comum possam se conectar, até simplesmente brincar com o design de sites, uma página é uma grande oportunidade para entrar em contato com milhões de pessoas.Tanto craques do web design como iniciantes sabem o quanto pode ser útil ter fundamentos básicos de HTML. Como se trata de uma das linguagens mais básicas para a criação de páginas, nunca é demais conhecê-la um pouco mais. A boa notícia é que existe uma ferramenta capaz de levar os conhecimentos em HTML de qualquer um a outro patamar (ou que pelo menos garanta que os códigos estejam escritos corretamente). Tal ferramenta se chama editor HTML. Antes de apresentarmos 14 opções deste tipo de programa junto de uma breve descrição dos recursos de cada um, explicaremos o que é um editor HTML e as diferenças entre as opções disponíveis no mercado.O que é um editor HTML?Um editor HTML pode ser uma programa independente ou parte de um ambiente de desenvolvimento integrado (IDE na sigla em inglês) mais amplo. O IDE é basicamente uma caixa de ferramentas para desenvolvedores com um espaço para editar, compilar, interpretar e depurar o código.Trata-se de uma ferramenta que ajuda principalmente a rastrear a linguagem de programação. Ainda que seja tecnicamente possível digitar o código em qualquer editor de texto, um editor HTML tem as soluções necessárias para garantir que ele esteja bem escrito ou que, pelo menos, não contenha erros.Seu recurso mais básico é a correção da sintaxe, que funciona como uma espécie de corretor ortográfico para linguagem de programação. Tais programas também costumam oferecer rastreamento de sintaxe, que destaca diferentes partes do código e facilita a leitura pela separação de diferentes trechos, linha por linha. Por último, geralmente também permitem inserir ou preencher automaticamente elementos comuns de HTML.Por que usar um editor HTML?Redatores de conteúdo que escrevem sem parar todos os dias agradecem poder contar com um editor que revise seus posts para que tudo esteja correto e soe bem para os leitores.Um editor HTML oferece o mesmo tipo serviço e proporciona tranquilidade, já que até quem domina uma linguagem de programação pode cometer erros aqui e ali depois de passar o dia inteiro escrevendo códigos. Um programa do tipo ajuda a encontrar esses erros. Assim, o programador não precisa revisar manualmente centenas de linhas de código para encontrar o que não está bem.Nesta lista buscamos reunir alguns dos melhores editores HTML, mas vale notar que muitos também são aptos para outras linguagens, como CSS ou PHP, o que aumenta as opções para quem quiser diversificar suas habilidades de design de páginas.Antes de encontrar o programa ideal, é preciso estar atento que existem dois tipos de ferramentas no mercado, cada uma voltada para desenvolvedores com diferentes níveis de experiência.O editor HTML de textoUm editor HTML de texto mostra a linguagem linha por linha, exatamente como foi escrita.Assim é como se vê o código em um editor HTML de texto (Fonte: Stack Overflow)Público-alvo: profissionais mais experientes que buscam um controle estrito do que programam e gostam de evitar um código sobrecarregado.O editor HTML WYSIWYGWYSIWYG é a sigla em inglês para “o que você vê é o que você obtém”. Quem cria sua página  em um editor WYSIWYG saberá exatamente como ela ficará antes de fazer o upload e testá-la. A maioria dessas ferramentas tem recursos de arrastar e soltar, o que as torna muito fáceis de usar.O editor WYSIWYG mostra exatamente como o design da página vai ficar (Fonte: Elated)Público-alvo: programadores menos experientes e focados mais no design do que no código.Existem editores HTML gratuitos?Felizmente, há opções de editores HTML gratuitos e de código aberto no mercado. Os 14 que selecionamos aqui estão separados entre editores de texto e WYSIWYG e apresentados em ordem alfabética, com uma breve descrição dos respectivos recursos.Editores HTML de texto gratuitosVale lembrar que com estes editores é preciso ter experiência em HTML ou outra linguagem de programação. Eles ajudam a corrigir erros, mas não escrevem o código.1. Aptana Studio 3Fonte: AptanaO Aptana Studio é um IDE de código aberto e personalizável. Além de HTML5, também pode editar CSS, JavaScript, PHP, Ruby, Rails e Python. Permite  integração com o Git para facilitar o controle de versões e pode implementar usando protocolos FTP, SFTP, FTPS e Capistrano.Saiba mais2. ArachnophiliaFonte: ArachnophiliaO Arachnophilia é um editor HTML de código aberto escrito em Java, já que seu criador, Paul Lutus, faz boicote aos produtos da Microsoft (texto em inglês). É compatível com Unicode e também serve para quem precisa editar projetos em PHP, Perl, C++, Java e JavaScript. Tem seu próprio cliente FTP incorporado para ajudar na implantação. Sua última atualização é de abril de 2018.Saiba mais3. Bluefish Fonte: BluefishO Bluefish é um editor de código aberto que roda em Linux, Mac OS X, FreeBSD, OpenBSD e Solaris. É compatível com protocolos FTP, SFTP, HTTP, HTTPS, WebDAV e CIFS. Bom para projetos grandes, o Bluefish consegue abrir 500 documentos ao mesmo tempo e recupera automaticamente alterações feitas em documentos modificados em caso de falha durante a edição. Pode editar diversas linguagens, como C++, Google Go, Java, Perl, PHP, Python e R. A última atualização é de 2017. Saiba mais 4. Responsive Site Designer Fonte: CofeeCupO Responsive Site Designer oferece um editor HTML de texto gratuito, mas  para quem estiver procurando uma versão WYSIWYG, eles também oferecem um “Visual Editor” com o pagamento de uma taxa. O CoffeeCup serve para criar arquivos de HTML e CSS e editar arquivos de sites já existentes. Além disso, é possível atualizar o conteúdo de várias páginas usando a biblioteca de componentes. Saiba mais 5. Eclipse Fonte: JavaEE TipsO Eclipe oferece diversos plugins no seu kit de ferramentas para desenvolvedores web, entre eles um editor HTML. Também tem plugins de edição de CSS, JSON e JavaScript. Segundo o próprio site, a ferramenta pode parecer confusa para novos usuários que queiram somente editar um código. Por isso, os iniciantes devem evitar essa opção, mas essa flexibilidade pode ser atrativa para os programadores experientes. Sua última atualização é de março. Saiba mais 6. Komodo IDE Fonte: ActiveStateAlém das licenças pagas, o IDE Komodo, da ActiveState, tem uma versão gratuita simplificada com alguns recursos robustos, como ferramentas de depuração e preenchimento automático. Ele também edita várias outras linguagens, como Python, Perl e Node.js. Saiba mais 7. Microsoft Visual Studio Community Fonte: MicrosoftPara quem não boicota a Microsoft como Paul Lutus, vale a pena conferir a edição “Community” gratuita do IDE do Microsoft Visual Studio, apto para até cinco usuários. Embora a versão paga venha com recursos mais avançados, a gratuita tem todas as ferramentas essenciais para editar HTML. Além disso, o programa conta com boas ferramentas para  desenvolvimento de aplicativos para dispositivos móveis, como o compartilhamento de código entre Android e iOS. Saiba mais 8. NetBeans Fonte: NetBeansO NetBeans é um IDE gratuito e de código aberto para programar em HTML5, PHP, JavaScript, C++ e várias outras linguagens. Oferece modelos e geradores de códigos, além de ferramentas para a gestão de projetos para ajudar a organizar equipes e tarefas grandes. Também conta com uma grande oferta de plugins (os desenvolvedores são incentivados a escreverem e compartilharem seus próprios plugins). Sua última atualização foi lançada em abril. Saiba mais 9. Notepad++ Fonte: Wikimedia CommonsDisponível apenas para Windows, o Notepad++ é um editor gratuito escrito em C++. A interface do usuário é totalmente personalizável e os usuários podem decidir como realçar ou esconder (folding na expressão em inglês) a sintaxe. Um bônus: para os preocupadas com o meio ambiente, o Notepad++ trabalha para reduzir as emissões de carbono criando programas que rodam com menos potência da CPU. Sua última atualização é de maio. Saiba mais 10. NoteTab Light Fonte: NoteTabSegundo os criadores do NoteTab, o seu método minimalista de destaque da sintaxe facilita a leitura da programação em HTML ou CSS em comparação com outros editores. Os atalhos personalizáveis do teclado com fragmentos de código reduzem o tempo dedicado a copiar e colar o código de um projeto a outro. O NoteTab também tem versões Standard e Pro. Saiba mais 11.  PSPad Fonte: PSPadO PSPad é outra solução apenas para Windows. Alguns dos produtos da lista não foram desenvolvidos para uso comercial (especialmente os que têm versões pagas), mas o PSPad é totalmente gratuito e pode ser usado por instituições públicas e comerciais sem nenhum custo. O programa oferece modelos de códigos, um verificador ortográfico e correção automática. Sua última atualização foi lançada em fevereiro. Saiba mais Editores HTML gratuitos de WYSIWYGA maioria desses editores pode ser usada por programadores e designers iniciantes. Alguns geram código à medida que o usuário arrasta e solta elementos na página que está criando. Outros mostram o código da página, mas permitem a edição de acordo com especificações dadas pelo usuário, com as alterações aparecendo na tela, o que permite adaptar o design em tempo real.12. BlueGriffonFonte: BlueGriffonO BlueGriffon tem algumas versões pagas, mas a gratuita oferece as ferramentas básicas necessárias para criar páginas. De acordo com o seu site, o programa é “oficialmente recomendado pelo governo francês como ferramenta de criação para o setor público da França”. Para quem confia no gosto dos funcionários públicos franceses em termos de editores HTML, essa pode ser uma boa ferramenta.O programa oferece uma visualização dupla do código fonte e do design em WYSIWYG que permite ao usuário rastrear o código enquanto confere o desenho da página. Também edita CSS e SVG. Os recursos adicionais da versão paga incluem opções voltadas ao design, como editor em tela cheia, conta-gotas para escolher cores e aviso de número de palavras.Saiba mais13.  NetObjects Fusion EssentialsFonte: NetObjectsO NetObjects Fusion é descrito como um “gerador de HTML, não um editor HTML”. O design com função de arrastar e soltar ajuda a criar sites com ótimo layout e exatamente como verão os usuários. A versão gratuita permite desenhar sites em HTML5 com galerias de fotos, formulários  e recursos de comércio eletrônico.Saiba mais14. SeaMonkey Fonte: SeaMonkeyO SeaMonkey é um “conjunto multifuncional de aplicativos de internet” de código aberto, com navegador, e-mail, bate-papo e ferramentas de desenvolvimento web, entre elas um editor HTML. Por isso, quem busca apenas a última opção talvez prefira outro sistema da lista. Já para os desenvolvedores que procuram uma experiência completa, o SeaMonkey pode valer a pena. O projeto é desenvolvido pela Mozilla e, por isso, usa muitos códigos fonte iguais aos do Firefox e do Thunderbird. Sua última atualização foi lançada em julho de 2018. Saiba mais Comece a programar\!Teste algumas das opções acima e veja qual atende melhor às suas necessidades. E não esqueça de contar nos comentários abaixo qual funcionou melhor\!Busca softwares para criação de sites? Confira nosso catálogo\! ## Sobre os(as) autores(as) ### Lucca Rossi Lucca é gerente de programas do Capterra. Como analista, cobriu temas como cibersegurança e pagamentos digitais. Seu trabalho já saiu na Folha de S.Paulo, TecMundo e outros. ### Kelsie Anderson Kelsie foi analista de conteúdo para Capterra. ## Categorias relacionadas - [Bluefish](https://www.capterra.com.br/software/175980/bluefish) — 4.3/5 (4 reviews) - [VisualSite Designer 7.0](https://www.capterra.com.br/software/21304/visualsite-designer-7-0) — 4.3/5 (6 reviews) - [Eclipse Web Tools Platform](https://www.capterra.com.br/software/175991/eclipse-web-tools-platform) — 4.2/5 (23 reviews) - [Komodo IDE](https://www.capterra.com.br/software/1000033/komodo-ide) — 4.4/5 (14 reviews) - [Microsoft Visual Studio](https://www.capterra.com.br/software/101288/microsoft-visual-studio) — 4.6/5 (3006 reviews) - [Apache NetBeans](https://www.capterra.com.br/software/178681/apache-netbeans) — 4.3/5 (231 reviews) - [NoteTab](https://www.capterra.com.br/software/176014/notetab) — 4.6/5 (5 reviews) - [PSPad](https://www.capterra.com.br/software/205618/pspad) — 4.8/5 (4 reviews) - [SeaMonkey Suite](https://www.capterra.com.br/software/176013/seamonkey-suite) — 3.7/5 (3 reviews) ## Categorias relacionadas - [Ferramentas de Monitoramento de Redes](https://www.capterra.com.br/directory/30019/network-monitoring/software) - [Ferramentas de TI](https://www.capterra.com.br/directory/10001/it-management/software) - [Programas de Serviço de TI](https://www.capterra.com.br/directory/30672/it-service/software) - [Sistemas de Segurança de Rede](https://www.capterra.com.br/directory/30003/network-security/software) - [Software de Gestão de Ativos de TI](https://www.capterra.com.br/directory/30077/it-asset-management/software) ## Artigos relacionados - [Phishing é o tipo de ataque cibernético mais frequente nas PMEs](https://www.capterra.com.br/blog/2132/ciberseguranca-brasil) - [Confira 3 dicas para gerir uma equipe remota de maneira eficaz](https://www.capterra.com.br/blog/1402/equipe-remota) - [Como usar o ROI de um software para justificar futuras aquisições de tecnologia](https://www.capterra.com.br/blog/2101/roi-software) - [59% das PMEs adotaram o home office devido à COVID-19](https://www.capterra.com.br/blog/1522/pesquisa-sobre-home-office) - [Gerenciador de banco de dados: o que é e por que sua empresa precisa dele](https://www.capterra.com.br/blog/3004/gerenciador-banco-dados) ## Links - [Ver em Capterra](https://www.capterra.com.br/blog/728/14-editores-html-gratuitos) - [Blog](https://www.capterra.com.br/blog) - [Home](https://www.capterra.com.br/) ----- ## Dados estruturados