Article image
Paula Santos
Paula Santos02/04/2024 22:26
Compartilhe

Primeiros Passos: Fundamentos Essenciais para Iniciantes em HTML

  • #HTML

E aí, galera! 🙋🏻‍♀️

Hoje vamos falar sobre HTML (Hypertext Markup Language), uma linguagem de marcação super importante para quem quer criar sites e páginas na internet. Vamos explorar juntos como o HTML funciona e como podemos usá-lo para fazer coisas incríveis online!

image

HTML é como a base de uma casa que estamos construindo na internet. Ele nos permite criar a estrutura da página, como onde colocar o texto, as imagens e os vídeos. É como se fosse um esqueleto que dá forma ao conteúdo que vemos online.

image

Pense em uma página HTML como uma pizza. O <html> é a massa, o <head> são os ingredientes secretos que dão sabor à pizza, e o <body> é onde colocamos o recheio, como texto, imagens e vídeos. Tudo isso junto forma uma página web deliciosa!

image

As tags são como instruções para o navegador sobre como mostrar o conteúdo. Por exemplo, a tag <p> cria um parágrafo de texto, <h1> a <h6> são usadas para títulos, e <img> mostra uma imagem na página. Com essas tags, podemos criar páginas web incríveis!

image

Para adicionar um link em uma página, usamos a tag <a> com o atributo href, que é o endereço para onde o link vai.

Por exemplo:

<a href="https://www.example.com">Clique Aqui</a>. 

Para imagens, usamos a tag <img> com o atributo src para o endereço da imagem e alt para uma descrição.

Por exemplo:

<img src="caminho_para_sua_imagem.jpg" alt="Descrição da Imagem">

image

A melhor maneira de aprender HTML é praticando! Você pode começar criando sua própria página web simples e experimentando diferentes tags e elementos. Existem também muitos tutoriais e cursos online que podem te ajudar, como o Codecademy, DIO e o Khan Academy.

image

Com o HTML, podemos criar páginas web incríveis e interativas. É uma linguagem de marcação fundamental para quem quer entrar no mundo do desenvolvimento web. Espero que vocês tenham gostado de aprender um pouco mais sobre HTML e que se sintam inspirados a criar suas próprias páginas web! Se você gostou do conteudo e deseja se conectar comigo, me siga no LinkedIn

Fontes de produção:

Imagens geradas por: lexica.art

Conteúdo gerado por: ChatGPT com revisões humanas.

#HTML #Web #Frontend #PrimeirosPassos

Compartilhe
Comentários (3)
Wallisson Santos
Wallisson Santos - 31/05/2024 20:38

Legal HTML

Rosângela Severo
Rosângela Severo - 03/04/2024 10:22

Adorei o seu artigo!

Paula Santos
Paula Santos - 02/04/2024 22:31

Artigo gerado como exercicio na Formação ChatGPT for Devs :)