Como diz o ditado: "Se você quiser fazer bem o seu trabalho, primeiro você deve aprimorar suas ferramentas." Um editor HTML útil pode torná-lo mais eficiente na criação de páginas HTML e obter o dobro do resultado com metade do esforço.
Aqui estão alguns editores comumente usados:
1. Use o Notepad ou Notepad++ para escrever HTML
Este é o recurso de bloco de notas que vem com a maioria dos computadores e acreditamos que usar um editor de texto simples é uma ótima maneira de aprender HTML.
Passo 1: Inicie o Bloco de Notas
Como iniciar o Bloco de Notas:
(1) Iniciar → Todos os Programas → Anexos → Bloco de Notas
(2) Iniciar → Digite o comando notepad para iniciar o Notepad
(3) Crie um novo documento de texto diretamente na área de trabalho
Todos os três métodos acima estão disponíveis.
Passo 2: Edite HTML com o Bloco de Notas
Digite o código HTML no Bloco de Notas:
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Bem-vindo ao nosso site para aprender e fazer check-in. </p></body></html>
Como mostrado na imagem:
Etapa 3: salvar HTML
Selecione “Salvar como” no menu Arquivo do Bloco de Notas.
Ao salvar um arquivo HTML, você pode usar a extensão .htm ou .html . Não há diferença entre as duas. Dê a ele um nome que seja fácil de lembrar, como teste.
Etapa 4: execute este arquivo HTML no navegador
Inicie seu navegador e selecione o comando Abrir Arquivo no menu Arquivo ou clique duas vezes no arquivo HTML diretamente na pasta.
Os resultados da exibição em execução são semelhantes aos seguintes:
2. Use o Visual Studio Code para escrever HTML
Visual Studio Code é um editor multiplataforma para escrever aplicativos modernos da web e da nuvem que rodam em OS X, Windows e Linux. Também é conhecido como o compilador mais poderoso do universo. Você pode baixar o software correspondente do site oficial do software a seguir e instalá-lo de acordo com as etapas.
Código VS: https://code.visualstudio.com/
Você pode baixar o software correspondente do site oficial do software acima e instalá-lo de acordo com as etapas.
Etapa 1: crie um novo arquivo HTML
Após a conclusão da instalação do VS Code, selecione "Arquivo (F) -> Novo Arquivo (N)" e insira o seguinte código no novo arquivo:
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Bem-vindo ao nosso site para aprender e fazer check-in. </p></body></html>
Passo 2: Salvar como arquivo HTML
Em seguida, selecione "Arquivo (F)->Salvar como (A)" e o nome do arquivo é test.html:
Etapa 3: execute este arquivo HTML em seu navegador
Em seguida, clique com o botão direito no nome do arquivo no editor e escolha abrir no navegador padrão (outros navegadores também estão disponíveis):
3. Construtor H
HBuilder é um IDE de desenvolvimento web lançado pela DCloud que suporta HTML5. HBuilder foi escrito usando Java, C, Web e Ruby. O corpo principal do próprio HBuilder é escrito em Java. A velocidade rápida é a maior vantagem do HBuilder. Por meio de prompts de sintaxe completos, métodos de entrada de código, blocos de código, etc., melhora muito a eficiência de desenvolvimento de HTML, js e css. Hbuilder é um IDE de desenvolvimento front-end escrito por desenvolvedores front-end chineses, portanto, seu uso está mais alinhado com nossos hábitos de desenvolvimento chineses. É muito conveniente usar o HBuilder para escrever código HTML.
4. AdobeDreamweaverCS
Dreamweavercs6 é um conjunto de corretores de código com interface de correção visual lançado pela Adobe, maior fabricante internacional de software, que pode ser usado para corrigir sites e aplicativos móveis. Como suporta codificação, divisão, design, visualização em tempo real e outros métodos para criar, escrever e modificar páginas da web, para usuários juniores, você pode criar páginas da web rapidamente sem escrever nenhum código. Suas sofisticadas ferramentas de modificação de código são mais adequadas para a criação de desenvolvedores web seniores! A nova versão do cs6 usa um layout de grade adaptável para criar uma página. Use a visualização em várias telas para revisar o design antes da publicação, o que pode melhorar muito a eficiência do trabalho. Portanto, AdobeDreamweaverCS também é um corretor de código HTML melhor.
5. SublimeText3 versão chinesa
SublimeText é um software corretor com destaque de código, prompts de sintaxe, preenchimento automático e resposta rápida. Ele não apenas possui uma interface linda, mas também suporta mecanismo de expansão de plug-ins. É definitivamente um prazer escrever código com ele. Comparado com o Vim, que é difícil de usar, o Eclipse e o VS, que são inchados e pesados, e o Editplus e o Notepad++, que são leves e rápidos de iniciar, eles geralmente são ofuscados pelo SublimeText. uma boa escolha para codificação.
6.Bloco de notas++
O Notepad++ foi projetado para substituir o Notepad padrão do Windows e é muito mais poderoso que o Notepad. notepad++ oferece suporte a plug-ins e adiciona plug-ins correspondentes para oferecer suporte a diferentes funções. Além de alguns plug-ins comuns, existem também alguns plug-ins interessantes, como o plug-in de fala que lê texto. Notepad++ é um software de edição de texto leve. Ele inicia mais rápido e consome menos recursos do que algumas outras ferramentas profissionais de edição de texto, mas em termos de funções e aplicativos, não é menos do que essas ferramentas profissionais.
7. Editar mais
Endereço para download: https://www.editplus.com/
EditPlus é um editor pequeno, mas poderoso, produzido pelo sul-coreano Sangil Kim (ES-Computing) que pode lidar com texto, HTML e linguagens de programação. Ele também é um editor HTML muito fácil de usar. como um IDE simples para C, Java, PHP e outras linguagens.