Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Strukturering av HTML-dokumentet | Bygga Bloggwebbplatsen
Webbutveckling med ChatGPT

bookStrukturering av HTML-dokumentet

Mål

Först ska vi skapa den grundläggande dokumentstrukturen för vår webbplats. Vi vill ha tre artiklar. I varje artikel vill vi ange artikelrubrik, lite artikelinnehåll och en bild.

Note
Notering

Du kan använda de förslag vi tillhandahåller eller anpassa dem efter behov. Det finns inte bara ett sätt att uppnå målet. ChatGPT är flexibel och kan hjälpa till på olika sätt.

Möjlig prompt

Skapa en HTML-dokumentstruktur för en bloggwebbplats som möjliggör publicering av 3 artiklar. Varje artikel ska bestå av:

  • En titel (rubrik);
  • Flera stycken text;
  • En bild;
  • Ett ämne eller en kategori.

HTML-strukturen ska vara tydligt och logiskt organiserad, med korrekt användning av HTML-taggar och semantisk betydelse.

Resultat

index.html

index.html

copy

Om du är intresserad av att fördjupa dig i koden och förstå dess funktionalitet, använd knappen Kodbeskrivning nedan. Om du är nöjd, hoppa över detta steg och gå vidare till nästa kapitel.

Webbplatsens tillstånd

Videohandledning

question mark

Varför är det en bra idé att strukturera varje artikel inuti ett <article>-element när man bygger en bloggsida?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 5

bookStrukturering av HTML-dokumentet

Svep för att visa menyn

Mål

Först ska vi skapa den grundläggande dokumentstrukturen för vår webbplats. Vi vill ha tre artiklar. I varje artikel vill vi ange artikelrubrik, lite artikelinnehåll och en bild.

Note
Notering

Du kan använda de förslag vi tillhandahåller eller anpassa dem efter behov. Det finns inte bara ett sätt att uppnå målet. ChatGPT är flexibel och kan hjälpa till på olika sätt.

Möjlig prompt

Skapa en HTML-dokumentstruktur för en bloggwebbplats som möjliggör publicering av 3 artiklar. Varje artikel ska bestå av:

  • En titel (rubrik);
  • Flera stycken text;
  • En bild;
  • Ett ämne eller en kategori.

HTML-strukturen ska vara tydligt och logiskt organiserad, med korrekt användning av HTML-taggar och semantisk betydelse.

Resultat

index.html

index.html

copy

Om du är intresserad av att fördjupa dig i koden och förstå dess funktionalitet, använd knappen Kodbeskrivning nedan. Om du är nöjd, hoppa över detta steg och gå vidare till nästa kapitel.

Webbplatsens tillstånd

Videohandledning

question mark

Varför är det en bra idé att strukturera varje artikel inuti ett <article>-element när man bygger en bloggsida?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 2
some-alt