Desde que comecei a escrever neste blog, mesmo que tentasse criar as páginas da Web de uma maneira simples, sempre tentava entender os códigos html porque, mesmo usando o sistema automático mais fácil e perfeito para criar um site, a necessidade para adicionar código html personalizado, sempre há. Não sou um webmaster profissional, mas todos os que têm um blog ou site devem pelo menos conhecer os elementos básicos das tags HTML básicas Também posso indicar vários portais on-line que atuam como suporte global para quem deseja aprender e também para gerentes e desenvolvedores de sites. Mesmo considerando que as tecnologias mudaram ao longo do tempo com o surgimento de novas linguagens de programação como PHP, Javascript, CSS e assim por diante, é necessário, mesmo para os mais experientes, ter pontos de referência educacionais para webmasters e web designers .
Portanto, como existem muitos sites bastante pobres e evitáveis, vemos os melhores sites que apresentam exemplos e guias de código HTML e aplicativos da web que permitem realizar testes, exercícios, experimentos e testes com editores online . Os sites a seguir não apenas oferecem uma base boa e sólida para o aprendizado de HTML, mas também oferecem o melhor ambiente de aprendizado, com ferramentas interativas que podem ser usadas para verificar o que foi aprendido e testá-lo em campo.
Leia também: Principais linguagens de programação usadas para aplicativos e sites
1) Os melhores sites para aprender HTML e programação na Internet são o CodePen e os sites para fazer testes de programação, que também fornecem tutoriais, guias e muitos tutoriais e exemplos para estudar e experimentar com visualização imediata.
2) HTML Dog é o primeiro site a ser acessado se você esquecer como usar um comando ou instrução HTML e CSS .
O site é bem projetado e, acima de tudo, muito atualizado, diferentemente de outros sites dedicados ao design da web que geralmente contêm guias obsoletos.
O HTML Dog fornece, para cada função, tag ou atributo, um exemplo claro de código que você pode copiar e colar em seu editor.
Existem três níveis de tutorial : iniciante, intermediário e avançado.
Mesmo se o site estiver em inglês, é muito fácil consultar, mesmo para quem o conhece superficialmente.
Usando o campo de pesquisa, você pode obter instruções e exemplos para usar uma tag específica.
3) O W3Schools é talvez o melhor site para encontrar códigos menos padrão e mais imaginativos.
Ele contém muitos exemplos de código, de PHP CSS e HTML, a XML e Javascript .
A coisa mais útil no site do W3Schools é uma ferramenta útil de tela dividida, na qual você pode testar o código que aprendeu em cada lição .
Se você modificar o código HTML no editor de caixas, poderá ver imediatamente o resultado na visualização, para fazer todos os testes desejados.
Essa ferramenta me leva a abrir parênteses e relatar outros sites que fornecem um editor de html online e instantâneo, muito útil para praticar fazendo testes e ver o que acontece alterando valores e comandos.
- HTML Instant é o mais famoso dos editores online de HTML, onde você escreve código à esquerda e vê imediatamente como é visto à direita
- Edição em HTML é semelhante ao HTML Instant, apenas que o editor está acima e a visualização abaixo.
- JsBin é muito útil para adicionar javascript como jQuery, Prototype e outros.
4) O Quackit está no mesmo nível do W3Schools, com muitos exemplos de html básico e avançado .
Todos os códigos podem ser copiados e colados no seu site.
Para cada exemplo, o código de programação e o resultado gráfico são mostrados.
No menu no canto inferior esquerdo, existem geradores automáticos de código onde, ao preencher os campos de maneira personalizada, você pode gerar a parte do código necessária.
5) O LandOfCode oferece um editor on-line, dividido em duas partes, para testar o código HTML.
No site, existem vários exemplos de código HTML, embora a formatação deixe um pouco a desejar.
O editor online LandOfCode é mais avançado que o do W3School porque possui botões adicionais que permitem visualizar os resultados em uma nova janela e não apenas na área de exibição à direita.
6) Html.it é o melhor site italiano para ler guias e informações sobre o código HTML usado para criar um site.
Se não fosse a presença massiva de publicidade, seria excelente, com muitos exemplos para copiar e colar para suas necessidades.
No entanto, o idioma usado não é muito simples e é quase melhor ler os guias de um dos sites em inglês acima.
7) HTML.com é outro ótimo site para ler, estudar e procurar guias para usar HTML, CSS e encontrar exemplos de todos os tipos de códigos de sites.
Por curiosidade, você pode acessar o site WebPagesThatSuck, onde pode ver como uma página da web não deve ser feita, quais erros evitar e onde ler o ranking dos piores sites do mundo.
Por fim, lembro-me de outra página deste blog com os melhores recursos online para baixar esquemas de síntese HTML, CSS e Javascript, a serem impressos .
