Primeiros passos para se tornar um desenvolvedor de softwares ou sites — Parte 2

Utilizando tags HTML

Renan Marques
2 min readNov 18, 2021
Ilustração de abertura e fechamento de tags utilizadas em no html

Nessa etapa vamos abordar o HTML (HyperText Markup Language) ou Linguagem de Marcação de Hipertexto e por onde começar. Em resumo o HTML é o esqueleto mais básico de um site ou aplicação, é por ele que se cria toda a estrutura do conteúdo da web.

Vejamos um exemplo das fases de construção de um site:

Ilustração das fases de construção de um site

Um elemento no HTML é formado por tag (marcação) de abertura “<” e fechamento “/>” podendo ou não ter atributos e conteúdo, também temos os elementos vazios onde apenas existe a tag de abertura sem conteúdo.

Elemento p (parágrafo), img (imagem) e br (quebra de linha)

Exemplo de estrutura de tags html

Cada elemento tem sua respectiva função para uso e com a chegada do HTML 5 melhorou muito a semântica na web trazendo novas tags para utilização e criação de estruturas com significado de escopo e melhor compreendida pelos navegadores (web).

Curiosidades:

É possível reconhecer um arquivo htmlatravés de sua extensão que geralmente é nome-do-arquivo.html, porém, você pode encontrar outras variantes de extensões tais como.htm também reconhecida pelos navegadores.

📚 Referências para continuar com os estudos:

PDF Curso W3C Escritório Brasil — HTML5

💻 Cursos online gratuitos:

https://www.cursoemvideo.com/curso/html5-css3-modulo1/

https://www.cursoemvideo.com/curso/curso-html5-e-css3-modulo-2-de-5-40-horas/

Conclusão

Esse artigo é uma continuação da série sobre os primeiros passos para se tornar um desenvolvedor ou desenvolvedora. Nessa etapa abordamos sobre HTML muito utilizado para desenvolver estruturas de páginas e aplicações, é importante que pratiquem bastante e vejam as referências ou pesquise para se aprofundar ainda mais no assunto.
Aproveitem para curtir e compartilhar esse artigo para que possa atingir ainda mais gente e acabar ajudando outras pessoas de alguma forma. Meu muito obrigado e até a próxima.

--

--

Renan Marques

Full Stack Developer | Graduated Computer Science | Passionate about technnology | “The apprentice is a master in training.”