Kursinnhold

Ultimate HTML

1. Forstå Webutvikling

Velkommen til HTML og Webutvikling Hva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder Fungerer Frontend- og Backend-utvikling Forklart

2. HTML-Koder og Attributter

Forstå HTML-Tagger Arbeide med HTML-Attributter Forstå Parrede og Enkle Tagger i HTML Tekstmarkering og Formatering i HTML Utfordring: Lag Ditt Første Websideavsnitt Utfordring: Bygg en Personlig Introduksjonsnettside Utfordring: Design en Filmutstillingsside Bruk av Lenker og Knapper i HTML Utfordring: Opprett Lenker til Populære Nettsteder Validere HTML-Koden Din for Beste Praksis

3. HTML-Dokumentstruktur

Hemmelighetene Bak Godt Strukturerte Nettsider Forstå HTML-Dokumentstruktur Rollen til Dokumenthodet Håndtering av Dokumentflyt og Layout Utfordring: Strukturere et HTML-Dokument Riktig Bruk av Utviklerverktøy for HTML-Inspeksjon og Feilsøking

4. Arbeide med Media og Tabeller

Legge til Bilder i HTML Utfordring: Arbeid med Bilder Arbeide med Klikkbare Bilder, Bildetekster og Optimalisering Forståelse av Vektor- og Rastergrafikk Innebygging av Lyd og Video for Rikt Medieinnhold Utfordring: Innebygg Lyd og Video i HTML Lage og Strukturere Tabeller i HTML Utfordring: Design en Funksjonell HTML-Tabell

5. HTML-Skjemaer og Brukerinput

Introduksjon til HTML-skjemaer Grunnleggende om Opprettelse av Skjemaer i HTML Bruk av Etiketter for Bedre Skjema Tilgjengelighet Forbedre Skjemaer med Inndataattributter Utforsker Forskjellige Inndatatyper i HTML Utfordring: Opprett Skjema med Inndata og Etiketter Arbeide med Textarea-Elementet for Flervalgslinje Bruk av Select-Elementet for Rullegardinmenyer Bruk av Datalist-Elementet for Forhåndsdefinerte Inntastingsforslag Gruppering av Skjemaelementer for Bedre Struktur

Utfordring: Strukturere et HTML-Dokument Riktig

Mål

Bygg den riktige nettsiden ved å lage en grunnleggende HTML-dokumentstruktur. Denne strukturen er ryggraden i hver HTML-side og består av essensielle elementer som nettlesere trenger for å gjengi innholdet ditt riktig.

Merk

Ikke la deg lure av den tilsynelatende enkelheten i nettsidens design. Selv om det kan virke enkelt, er det fortsatt avgjørende å opprettholde riktig dokumentstruktur. Dette sikrer at nettstedet beholder lesbarhet og funksjonalitet på tvers av alle nettlesere.

Oppgave

Lag en grunnleggende HTML-dokumentstruktur. Hvis du allerede er trygg på dine ferdigheter, kan du gjerne fortsette uten steg-for-steg-guiden. Men hvis du ønsker litt mer veiledning, er en steg-for-steg-gjennomgang tilgjengelig for å hjelpe deg på veien.

Steg-for-Steg Guide

Steg 1: Start HTML-dokumentet

Begynn med å skrive HTML doctype-deklarasjonen, som forteller nettleseren at dokumentet er skrevet i HTML. Deklarasjonen skal være den første linjen i HTML-dokumentet ditt:

index.html

Trinn 2: Legg til åpning og lukking av html-tagger

Etter doctype-erklæringen, legg til åpning og lukking av HTML-tagger. Hele HTML-dokumentstrukturen vil være inneholdt innenfor disse taggene. Inkluder også lang-attributtet for å spesifisere språket til dokumentet:

index.html

Steg 3: Opprett head-seksjonen

Legg til åpning og lukking av <head>-taggene inne i HTML-taggene. Head-seksjonen inneholder meta-informasjon om HTML-dokumentet, som tittelen og lenker til eksterne stilark:

index.html

Steg 4: Legg til tittelen

Innenfor <head>-taggene, legg til åpning og lukking av <title>-taggene. Teksten du skriver mellom disse taggene vil bli vist som tittelen på nettsiden i nettleserens tittellinje eller fane:

index.html

Steg 5: Opprett body-seksjonen

Etter <head>-seksjonen, legg til åpning og lukking av <body>-taggene. Body-seksjonen inneholder det synlige innholdet på nettsiden:

index.html

Trinn 6: Legg til innhold i body

Du kan legge til elementer innenfor <body>-taggene, som overskrifter, avsnitt, bilder, lenker, osv. Her er et eksempel på å legge til en overskrift og et avsnitt:

index.html

Prøv det selv

index.html

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5

Spør AI

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

Kursinnhold

Ultimate HTML

1. Forstå Webutvikling

Velkommen til HTML og Webutvikling Hva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder Fungerer Frontend- og Backend-utvikling Forklart

2. HTML-Koder og Attributter

3. HTML-Dokumentstruktur

4. Arbeide med Media og Tabeller

5. HTML-Skjemaer og Brukerinput

Utfordring: Strukturere et HTML-Dokument Riktig

Mål

Merk

Ikke la deg lure av den tilsynelatende enkelheten i nettsidens design. Selv om det kan virke enkelt, er det fortsatt avgjørende å opprettholde riktig dokumentstruktur. Dette sikrer at nettstedet beholder lesbarhet og funksjonalitet på tvers av alle nettlesere.

Oppgave

Steg-for-Steg Guide

Steg 1: Start HTML-dokumentet

Begynn med å skrive HTML doctype-deklarasjonen, som forteller nettleseren at dokumentet er skrevet i HTML. Deklarasjonen skal være den første linjen i HTML-dokumentet ditt:

index.html

Trinn 2: Legg til åpning og lukking av html-tagger

index.html

Steg 3: Opprett head-seksjonen

Legg til åpning og lukking av <head>-taggene inne i HTML-taggene. Head-seksjonen inneholder meta-informasjon om HTML-dokumentet, som tittelen og lenker til eksterne stilark:

index.html

Steg 4: Legg til tittelen

Innenfor <head>-taggene, legg til åpning og lukking av <title>-taggene. Teksten du skriver mellom disse taggene vil bli vist som tittelen på nettsiden i nettleserens tittellinje eller fane:

index.html

Steg 5: Opprett body-seksjonen

Etter <head>-seksjonen, legg til åpning og lukking av <body>-taggene. Body-seksjonen inneholder det synlige innholdet på nettsiden:

index.html

Trinn 6: Legg til innhold i body

Du kan legge til elementer innenfor <body>-taggene, som overskrifter, avsnitt, bilder, lenker, osv. Her er et eksempel på å legge til en overskrift og et avsnitt:

index.html

Prøv det selv

index.html

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5