Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
HTML Document Structure | Building the Blog Website
Web Development Essentials with AI
course content

Conteúdo do Curso

Web Development Essentials with AI

Web Development Essentials with AI

1. Course Overview & AI in Coding
2. Website Anatomy
3. Introducing ChatGPT
4. Building the Blog Website

bookHTML Document Structure

Goal

First, let's create the basic document structure of our website. We would like to have three articles. In each article, we would like to specify the article heading, some article content, and an image.

Possible Prompt

Create an HTML document structure for a blog website that allows for the publication of 3 articles. Each article should consist of:

  • A title (heading);
  • Several paragraphs of text;
  • An image;
  • A topic or category.

The HTML structure should be organized clearly and logically, using HTML tags and semantic meaning properly.

Result

html

index

css

index

js

index

copy

If you are interested in delving deep into the code and understanding its functionality, please use the Code Description button below. If you are okay with it, skip this step and move on to the next chapter.

Website State

Video Tutorial

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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