Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Utfordring: Lag Ditt Første Websideavsnitt | HTML-Koder og Attributter
Ultimate HTML
course content

Kursinnhold

Ultimate HTML

Ultimate HTML

1. Forstå Webutvikling
Velkommen til HTML og WebutviklingHva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder FungererFrontend- og Backend-utvikling Forklart
2. HTML-Koder og Attributter
Forstå HTML-TaggerArbeide med HTML-AttributterForstå Parrede og Enkle Tagger i HTMLTekstmarkering og Formatering i HTMLUtfordring: Lag Ditt Første WebsideavsnittUtfordring: Bygg en Personlig IntroduksjonsnettsideUtfordring: Design en FilmutstillingssideBruk av Lenker og Knapper i HTMLUtfordring: Opprett Lenker til Populære NettstederValidere HTML-Koden Din for Beste Praksis
3. HTML-Dokumentstruktur
Hemmelighetene Bak Godt Strukturerte NettsiderForstå HTML-DokumentstrukturRollen til DokumenthodetHåndtering av Dokumentflyt og LayoutUtfordring: Strukturere et HTML-Dokument RiktigBruk av Utviklerverktøy for HTML-Inspeksjon og Feilsøking
4. Arbeide med Media og Tabeller
Legge til Bilder i HTMLUtfordring: Arbeid med BilderArbeide med Klikkbare Bilder, Bildetekster og OptimaliseringForståelse av Vektor- og RastergrafikkInnebygging av Lyd og Video for Rikt MedieinnholdUtfordring: Innebygg Lyd og Video i HTMLLage og Strukturere Tabeller i HTMLUtfordring: Design en Funksjonell HTML-Tabell
5. HTML-Skjemaer og Brukerinput
Introduksjon til HTML-skjemaerGrunnleggende om Opprettelse av Skjemaer i HTMLBruk av Etiketter for Bedre Skjema TilgjengelighetForbedre Skjemaer med InndataattributterUtforsker Forskjellige Inndatatyper i HTMLUtfordring: Opprett Skjema med Inndata og EtiketterArbeide med Textarea-Elementet for FlervalgslinjeBruk av Select-Elementet for RullegardinmenyerBruk av Datalist-Elementet for Forhåndsdefinerte InntastingsforslagGruppering av Skjemaelementer for Bedre Struktur

book
Utfordring: Lag Ditt Første Websideavsnitt

Merk

Alle utfordringer vil bli presentert i samme form som du ser nå:

  • Du vil se oppgaven som må fullføres;
  • Deretter vil du møte en kodeblokk der du må gjøre endringer i henhold til oppgaven;
  • Klikk på Kjør kode-knappen for å forhåndsvise din live-side;
  • Under kodeblokken er det to knapper: Hint og Løsning;
    • Hint-knappen vil åpne et hint for denne oppgaven;
    • Løsning-knappen vil avsløre den korrekte løsningen for denne oppgaven.
  • Det anbefales å fullføre oppgaven selv før du bruker Løsning-knappen.

Mål

Ta ditt første skritt som webutvikler ved å lage ditt aller første avsnitt på en nettside.

Oppgave

  1. Du får en kodeblokk nedenfor. Inni legg til et avsnittselement <p>.
  2. Mellom åpning og lukking av taggene til avsnittselementet, inkluder følgende tekst: "I am starting my web journey!".
index.html

index.html

copy
  1. Bruk <p> elementet for å lage et avsnitt i HTML.
  2. Plasser teksten I am starting my web journey! mellom start- og slutt-taggene til avsnittet for å få det til å vises på nettsiden.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 5

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

course content

Kursinnhold

Ultimate HTML

Ultimate HTML

1. Forstå Webutvikling
Velkommen til HTML og WebutviklingHva Er Internett?Hvordan Fungerer Internett?Forstå Hvordan Nettsteder FungererFrontend- og Backend-utvikling Forklart
2. HTML-Koder og Attributter
Forstå HTML-TaggerArbeide med HTML-AttributterForstå Parrede og Enkle Tagger i HTMLTekstmarkering og Formatering i HTMLUtfordring: Lag Ditt Første WebsideavsnittUtfordring: Bygg en Personlig IntroduksjonsnettsideUtfordring: Design en FilmutstillingssideBruk av Lenker og Knapper i HTMLUtfordring: Opprett Lenker til Populære NettstederValidere HTML-Koden Din for Beste Praksis
3. HTML-Dokumentstruktur
Hemmelighetene Bak Godt Strukturerte NettsiderForstå HTML-DokumentstrukturRollen til DokumenthodetHåndtering av Dokumentflyt og LayoutUtfordring: Strukturere et HTML-Dokument RiktigBruk av Utviklerverktøy for HTML-Inspeksjon og Feilsøking
4. Arbeide med Media og Tabeller
Legge til Bilder i HTMLUtfordring: Arbeid med BilderArbeide med Klikkbare Bilder, Bildetekster og OptimaliseringForståelse av Vektor- og RastergrafikkInnebygging av Lyd og Video for Rikt MedieinnholdUtfordring: Innebygg Lyd og Video i HTMLLage og Strukturere Tabeller i HTMLUtfordring: Design en Funksjonell HTML-Tabell
5. HTML-Skjemaer og Brukerinput
Introduksjon til HTML-skjemaerGrunnleggende om Opprettelse av Skjemaer i HTMLBruk av Etiketter for Bedre Skjema TilgjengelighetForbedre Skjemaer med InndataattributterUtforsker Forskjellige Inndatatyper i HTMLUtfordring: Opprett Skjema med Inndata og EtiketterArbeide med Textarea-Elementet for FlervalgslinjeBruk av Select-Elementet for RullegardinmenyerBruk av Datalist-Elementet for Forhåndsdefinerte InntastingsforslagGruppering av Skjemaelementer for Bedre Struktur

book
Utfordring: Lag Ditt Første Websideavsnitt

Merk

Alle utfordringer vil bli presentert i samme form som du ser nå:

  • Du vil se oppgaven som må fullføres;
  • Deretter vil du møte en kodeblokk der du må gjøre endringer i henhold til oppgaven;
  • Klikk på Kjør kode-knappen for å forhåndsvise din live-side;
  • Under kodeblokken er det to knapper: Hint og Løsning;
    • Hint-knappen vil åpne et hint for denne oppgaven;
    • Løsning-knappen vil avsløre den korrekte løsningen for denne oppgaven.
  • Det anbefales å fullføre oppgaven selv før du bruker Løsning-knappen.

Mål

Ta ditt første skritt som webutvikler ved å lage ditt aller første avsnitt på en nettside.

Oppgave

  1. Du får en kodeblokk nedenfor. Inni legg til et avsnittselement <p>.
  2. Mellom åpning og lukking av taggene til avsnittselementet, inkluder følgende tekst: "I am starting my web journey!".
index.html

index.html

copy
  1. Bruk <p> elementet for å lage et avsnitt i HTML.
  2. Plasser teksten I am starting my web journey! mellom start- og slutt-taggene til avsnittet for å få det til å vises på nettsiden.
index.html

index.html

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 5
some-alt