HTML (Linguagem de Marcação de Hipertexto)

HTML, a base das páginas da web, define sua estrutura e conteúdo. Pense nisso como a fundação, paredes, porta e telhado de uma casa.

No seu núcleo, o HTML consiste em elementos delimitados por colchetes angulares (<>) e geralmente vêm em pares - uma tag de abertura e uma tag de fechamento. Esses elementos formam uma estrutura hierárquica, com alguns elementos aninhados dentro de outros para criar um layout significativo.

Exemplo:

Por favor, clique no botão Executar Código para ver o site em ação.

Adicionando Diferentes Tags no HTML

No HTML, podemos usar várias tags para adicionar diferentes tipos de conteúdo à página da web. Veja como podemos adicionar texto, imagens, links e mais:

Adicionando Texto

Para adicionar texto à página da web, podemos usar a tag <p> para parágrafos, <h1> a <h6> para cabeçalhos de diferentes níveis.

Adicionando Imagens

Para adicionar imagens, podemos usar a tag <img>. Especifique a fonte da imagem (atributo src) e, opcionalmente, inclua atributos como alt para texto alternativo e width e height para dimensões.

Adicionando Links

Para adicionar hiperlinks para outras páginas da web ou recursos, podemos usar a tag <a>. Especifique a URL da página de destino usando o atributo href.

Adicionando Listas

Para criar listas ordenadas (numeradas) ou não ordenadas (com marcadores), podemos usar as tags <ol> e <ul>, respectivamente. Dentro dessas tags, use a tag <li> para cada item da lista.

Adicionando Formulários

Para criar formulários para entrada de usuário, podemos usar várias tags relacionadas a formulários como <form>, <input> e <button>.

Podemos adicionar uma ampla gama de conteúdos à página da web usando essas tags HTML, desde texto e imagens simples até formulários interativos. Abaixo, você pode encontrar o site com as tags consideradas.

Tutorial em Vídeo