Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda HTML (Linguagem de Marcação de Hipertexto) | Anatomia do Site
Essenciais de Desenvolvimento Web com IA

bookHTML (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.

index.html

index.html

copy

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.

index.html

index.html

copy

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.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

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.

index.html

index.html

copy

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.

index.html

index.html

copy

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>.

index.html

index.html

copy

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.

index.html

index.html

copy

Tutorial em Vídeo

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookHTML (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.

index.html

index.html

copy

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.

index.html

index.html

copy

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.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

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.

index.html

index.html

copy

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.

index.html

index.html

copy

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>.

index.html

index.html

copy

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.

index.html

index.html

copy

Tutorial em Vídeo

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2
some-alt