Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Utfordring: Design en Funksjonell HTML-Tabell | Arbeide med Media og Tabeller
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: Design en Funksjonell HTML-Tabell

Mål

Presenter ansattinformasjon i et strukturert tabellformat ved å bruke passende HTML-tagger for å lage rader og kolonner.

Oppgave

Lag en tabell med tre kolonner: Navn, Stilling, og Lønn. Fokuser på å bruke de riktige HTML-taggene for å fylle tabellen med de korrekte radene og kolonnene. Her er dataene som skal inkluderes:

  1. Navn: Emma Johnson | Stilling: Sales Associate | Lønn: $15.50 per time.

  2. Navn: Liam Thompson | Stilling: Customer Service Representative | Lønn: $14.75 per time.

  3. Navn: Olivia Rodriguez | Stilling: Marketing Coordinator | Lønn: $18.25 per time.

  4. Navn: Noah Smith | Stilling: IT Support Specialist | Lønn: $20.00 per time.

  5. Navn: Ava Davis | Stilling: Administrative Assistant | Lønn: $16.80 per time.

html

index.html

css

index.css

copy

  1. Bruk table-taggen for å definere hovedbeholderen for tabellen.

  2. Bruk thead-taggen for å gruppere topptekstinnholdet i tabellen, som kolonneoverskrifter.

  3. Bruk tr-taggen for å definere en ny rad i tabellen.

  4. Bruk th-taggen for å definere topptekst for hver kolonne.

  5. Bruk tbody-taggen for å gruppere hovedinnholdet i tabellen, som inkluderer rader og dataceller.

  6. Bruk td-taggen for å definere de faktiske dataene eller innholdet i hver celle i tabellen.

html

index.html

css

index.css

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 8

Spør AI

expand
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: Design en Funksjonell HTML-Tabell

Mål

Presenter ansattinformasjon i et strukturert tabellformat ved å bruke passende HTML-tagger for å lage rader og kolonner.

Oppgave

Lag en tabell med tre kolonner: Navn, Stilling, og Lønn. Fokuser på å bruke de riktige HTML-taggene for å fylle tabellen med de korrekte radene og kolonnene. Her er dataene som skal inkluderes:

  1. Navn: Emma Johnson | Stilling: Sales Associate | Lønn: $15.50 per time.

  2. Navn: Liam Thompson | Stilling: Customer Service Representative | Lønn: $14.75 per time.

  3. Navn: Olivia Rodriguez | Stilling: Marketing Coordinator | Lønn: $18.25 per time.

  4. Navn: Noah Smith | Stilling: IT Support Specialist | Lønn: $20.00 per time.

  5. Navn: Ava Davis | Stilling: Administrative Assistant | Lønn: $16.80 per time.

html

index.html

css

index.css

copy

  1. Bruk table-taggen for å definere hovedbeholderen for tabellen.

  2. Bruk thead-taggen for å gruppere topptekstinnholdet i tabellen, som kolonneoverskrifter.

  3. Bruk tr-taggen for å definere en ny rad i tabellen.

  4. Bruk th-taggen for å definere topptekst for hver kolonne.

  5. Bruk tbody-taggen for å gruppere hovedinnholdet i tabellen, som inkluderer rader og dataceller.

  6. Bruk td-taggen for å definere de faktiske dataene eller innholdet i hver celle i tabellen.

html

index.html

css

index.css

copy
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 8
Vi beklager at noe gikk galt. Hva skjedde?
some-alt