Aprenda HTML Básico
José Lima Leonel
Aprenda o básico do HTML
Existem diversos sites e vídeos com tutoriais de HTML básico que serão bem mais específicos no quesito de apresentar tags e modo de uso dessa ferramenta. Meu objetivo aqui é apresentar de forma geral o que é o HTML e quais são suas aplicações, assim como um breve resumo de sua história. Atualmente, qualquer desenvolvedor web terá que estudar um pouco de HTML para poder adentrar melhor no mundo do desenvolvimento de páginas da internet.
HTML, ou Hyper Text Markup Language, é uma linguagem de marcação, isso mesmo, uma linguagem feita para demarcar o hipertexto de uma página web e, assim, organizar a estrutura e a forma como as páginas se comportam. Foi desenvolvida na década de 90 pelo físico britânico Tim Berners-Lee, com a finalidade de solucionar um problema de compartilhamento de artigos acadêmicos entre ele e seus colegas de pesquisa. Pouco tempo depois, com a ascensão da internet, essa invenção passou a se tornar um padrão mundial.
A estrutura do HTML é bem simples e pode ser aprendida com algumas aulas e projetos, mas os melhores sites para se aprender melhor como funciona e que servem até mesmo como documentação oficial são o MDN e o W3Schools, este último sendo reconhecido como afiliado do W3C, que é a organização responsável por padronizar a World Wide Web.
O HTML funciona com a inserção de elementos em um documento com o tipo de arquivo .html e esses elementos seguem uma estrutura bem significativa, por exemplo: <p>My cat is very grumpy</p>. Neste exemplo podemos notar que há um elemento que é a união de uma tag de abertura (<p>), uma tag de fechamento(</p>) e por último o conteúdo (My cat is grumpy). Alguns elementos também podem conter um atributo, esse atributo geralmente serve como uma informação extra que não é apresentado na página, mas que serve como um identificador para estilização da estrutura ou até do design do elemento.
Algumas tags HTML
<!DOCTYPE html> é uma tag usada para informar ao navegador que aquele documento segue as regras do HTML e será apresentada corretamente.
<html></html> é uma tag utilizada para delimitar todo o conteúdo da sua página, agindo como a raiz do seu documento.
<head></head> é um elemento que age como um agrupador para as tags que não serão apresentadas diretamente no seu site, mas que são essenciais para o seu funcionamento, como título, link e meta.
<body></body> agrega as principais tags responsáveis por dar forma ao conteúdo visual da sua página, ele engloba as tags que vão dar estrutura e inserir informações na página. Exemplos de tags que são englobadas pelo body são: p, h1, form, img e section.
Links Úteis
Alguns dos links a seguir serão de extrema ajuda para aqueles que desejam entender melhor o HTML e até mesmo tentar montar sua primeira página web. Além dessas páginas, ainda existem muitos sites e cursos online disponibilizados de forma gratuita que, apesar de não estarem list
ados nos links abaixo, ainda assim valem a pena.
MDN - https://developer.mozilla.org/en-US/docs/Learn/HTML
W3Schools - https://www.w3schools.com/html/default.asp
Web Dev - https://web.dev/learn/html/
HTML CheatSheet - https://htmlcheatsheet.com/
FreeCodeCamp - https://www.freecodecamp.org/learn/2022/responsive-web-design/
Subscribe to my newsletter
Read articles from José Lima Leonel directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by