Estruturando o Documento HTML
Objetivo
Primeiro, vamos criar a estrutura básica do documento do nosso site. Desejamos ter três artigos. Em cada artigo, queremos especificar o título do artigo, algum conteúdo do artigo e uma imagem.
Você pode utilizar os prompts fornecidos ou modificá-los conforme necessário. Não existe apenas uma maneira de alcançar o objetivo. O ChatGPT é flexível e pode auxiliar de diversas formas.
Prompt Possível
Crie uma estrutura de documento HTML para um site de blog que permita a publicação de 3 artigos. Cada artigo deve conter:
- Um título (cabeçalho);
- Vários parágrafos de texto;
- Uma imagem;
- Um tópico ou categoria.
A estrutura HTML deve ser organizada de forma clara e lógica, utilizando corretamente as tags HTML e o significado semântico.
Resultado
index.html
Se houver interesse em analisar detalhadamente o código e compreender sua funcionalidade, utilize o botão Descrição do Código abaixo. Caso contrário, avance para o próximo capítulo.
Estado do Site
Tutorial em Vídeo
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 5
Estruturando o Documento HTML
Deslize para mostrar o menu
Objetivo
Primeiro, vamos criar a estrutura básica do documento do nosso site. Desejamos ter três artigos. Em cada artigo, queremos especificar o título do artigo, algum conteúdo do artigo e uma imagem.
Você pode utilizar os prompts fornecidos ou modificá-los conforme necessário. Não existe apenas uma maneira de alcançar o objetivo. O ChatGPT é flexível e pode auxiliar de diversas formas.
Prompt Possível
Crie uma estrutura de documento HTML para um site de blog que permita a publicação de 3 artigos. Cada artigo deve conter:
- Um título (cabeçalho);
- Vários parágrafos de texto;
- Uma imagem;
- Um tópico ou categoria.
A estrutura HTML deve ser organizada de forma clara e lógica, utilizando corretamente as tags HTML e o significado semântico.
Resultado
index.html
Se houver interesse em analisar detalhadamente o código e compreender sua funcionalidade, utilize o botão Descrição do Código abaixo. Caso contrário, avance para o próximo capítulo.
Estado do Site
Tutorial em Vídeo
Obrigado pelo seu feedback!