Article image
Davi Chaves
Davi Chaves03/05/2024 22:48
Compartilhe

🚀💻Descomplicado a Linguagem de Marcação Web!🔥

  • #HTML

Introdução

Pensou em Front-end e já lincou com html e as tags né? Mas o que são as tags em HTML? Sabe quando você coloca rótulos em suas coisas, como "livros" em uma prateleira? Tags em HTML são como esses rótulos, mas para coisas na internet! Elas dizem ao computador o que cada pedaço de informação significa.

image

Agora olha esses exemplos das tags mais usadas em HTML que são como blocos de LEGO que você usa para construir páginas da web.

As mais populares são:

  • <h1> para títulos grandes,
  • <p> para parágrafos,
  • <a> para links e
  • <img> para imagens!

uma olhada nesse código aqui em HTML:

image

image

Além das tags existem outros elementos relacionados a ela. Imagine que as tags são personagens em uma história, e os elementos relacionados são como as roupas que esses personagens usam.

Exemplo dessas roupas são os atributos como o:

  • "href" - Usado principalmente com a tag <a> para especificar o destino do link,
  • "src" - Usado com a tag <img> para especificar o caminho da imagem a ser exibida, "alt" - Também usado com a tag <img>, fornece um texto alternativo para a imagem, importante para acessibilidade, ou ainda,
  • "class" - Permite atribuir uma ou mais classes a um elemento, útil para estilização, CSS ou seleção com JavaScript.

Mas daí esses dois últimos é assunto para outro artigo galera!😃

  

Olha esse código com o uso dessas roupas:

image

image

Esse conteúdo foi gerado com auxílio de inteligência artificial, entretanto, foi 100% revisado por humano.

Se você adora aprender coisas novas e quer ficar por dentro do mundo da web, me siga no Linkedin para conteúdos divertidos e educativos!

😉Se liga tech: O like aqui é "setinha para cima" no canto superior esquerdo "⩓" 🔝

um like aí! 👍 🔝

Fontes de produção:

Imagens geradas por: lexica.art

Conteúdo gerado por: ChatGPT com revisão humana

#HTML #WebDivertida #Tech

Compartilhe
Comentários (0)