Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Structuring the HTML Document | Building the Blog Website
AI Powered Web Development Essentials

bookStructuring the HTML Document

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

index.html

index.html

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

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 5

bookStructuring the HTML Document

Sveip for å vise menyen

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

index.html

index.html

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

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2
some-alt