Tutorial HTML: Introdução
HTML significa Hyper Text Markup Language, que é a linguagem mais usada na internet para desenvolver websites. O HTML foi criado por Berners-Lee no final de 1991, mas o "HTML 2.0" foi a primeira especificação padrão publicada em 1995. O HTML 4.01, publicado no final de 1999, tornou-se a versão principal do HTML e segue sem muitas mudanças.
Por que aprender HTML?
Originalmente o HTML foi desenvolvido com a intenção de definir a estrutura de documentos como títulos, parágrafos, listas e assim por diante para facilitar o compartilhamento de informações científicas entre os pesquisadores. Hoje o HTML é amplamente usado para formatar websites em conjunto com o CSS e tornou-se a principal maneira como os navegadores apresentam conteúdo para o usuário na internet.
HTML é uma obrigação para estudantes e profissionais que trabalham na área de desenvolvimento de software, especialmente quando estão desenvolvendo para a web. Vou listar algumas das principais vantagens de aprender HTML:
- Criar um site - você pode criar um site ou personalizar um template existente se conhecer bem HTML.
- Tornar-se um web designer - Se você deseja iniciar uma carreira como web designer profissional, conhecer HTML e CSS é uma habilidade imprescindível.
- Entender como a web funciona - Se você deseja otimizar seu site, aumentar sua velocidade, desempenho e acessibilidade, é bom conhecer HTML para obter os melhores resultados.
- Aprender outras línguas - Depois de entender o básico do HTML, outras tecnologias relacionadas, como o CSS, JavaScript e PHP, ficam mais fáceis de entender.
Público
Este tutorial foi escrito para iniciantes na área de desenvolvimento para a web, web designers ou programadores, com o intuito de entender o HTML e seus detalhes.
"Olá, Mundo" usando HTML
Só para te dar um pouco de empolgação com o HTML, vou apresentar uma pequena convenção no desenvolvimento de software, o Hello World. Veja como é simples com HTML:
<html>
<body>
<p>Olá, mundo!</p>
</body>
</html>
Resultado:
Você pode testar o código acima colando-o num arquivo de texto com extensão .html e abrindo o arquivo diretamente no seu navegador.
Aplicações do HTML
Como mencionado anteriormente, o HTML é uma das linguagens mais usadas na web. Vou listar algumas de suas aplicações aqui:
- Desenvolvimento de websites - HTML é usado para criar as páginas que são renderizadas no seu navegador. Quase todas as páginas dos sites que você visita possuem tags HTML para exibir seus detalhes no navegador.
- Navegação na internet - O HTML fornece tags que são usadas para navegar de uma página para outra e são muito usadas na navegação na internet.
- Suporte offline - As páginas HTML, uma vez carregadas, podem ser disponibilizadas offline na máquina sem a necessidade de conexão com a internet.
- Desenvolvimento de jogos - O HTML possui suporte para os mais variados applets, que proporcionam uma rica experiência na área de jogos online.
Pré-requisitos
Antes de prosseguir com este tutorial, você deve ter um conhecimento básico de como trabalhar e se orientar no seu sistema operacional, além de estar familiarizado com:
- Experiência com qualquer editor de texto, como bloco de notas, Notepad++ ou qualquer IDE de desenvolvimento.
- Como criar diretórios e arquivos no seu computador.
- Como navegar através destes diretórios.
- Como criar um arquivo e armazená-lo no computador.
- Compreensão sobre imagens em diferentes formatos, como JPEG, PNG, GIF etc.
Post anterior: Pare de usar package-lock.json ou yarn.lock
Próximo post: Tutorial HTML: Visão geral da linguagem