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:
- Navn: Emma Johnson | Stilling: Sales Associate | Lønn: $15.50 per time.
- Navn: Liam Thompson | Stilling: Customer Service Representative | Lønn: $14.75 per time.
- Navn: Olivia Rodriguez | Stilling: Marketing Coordinator | Lønn: $18.25 per time.
- Navn: Noah Smith | Stilling: IT Support Specialist | Lønn: $20.00 per time.
- Navn: Ava Davis | Stilling: Administrative Assistant | Lønn: $16.80 per time.
index.html
index.css
- Bruk
table
-taggen for å definere hovedbeholderen for tabellen. - Bruk
thead
-taggen for å gruppere topptekstinnholdet i tabellen, som kolonneoverskrifter. - Bruk
tr
-taggen for å definere en ny rad i tabellen. - Bruk
th
-taggen for å definere topptekst for hver kolonne. - Bruk
tbody
-taggen for å gruppere hovedinnholdet i tabellen, som inkluderer rader og dataceller. - Bruk
td
-taggen for å definere de faktiske dataene eller innholdet i hver celle i tabellen.
index.html
index.css
Takk for tilbakemeldingene dine!
Spør AI
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
Awesome!
Completion rate improved to 2.56
Utfordring: Design en Funksjonell HTML-Tabell
Sveip for å vise menyen
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:
- Navn: Emma Johnson | Stilling: Sales Associate | Lønn: $15.50 per time.
- Navn: Liam Thompson | Stilling: Customer Service Representative | Lønn: $14.75 per time.
- Navn: Olivia Rodriguez | Stilling: Marketing Coordinator | Lønn: $18.25 per time.
- Navn: Noah Smith | Stilling: IT Support Specialist | Lønn: $20.00 per time.
- Navn: Ava Davis | Stilling: Administrative Assistant | Lønn: $16.80 per time.
index.html
index.css
- Bruk
table
-taggen for å definere hovedbeholderen for tabellen. - Bruk
thead
-taggen for å gruppere topptekstinnholdet i tabellen, som kolonneoverskrifter. - Bruk
tr
-taggen for å definere en ny rad i tabellen. - Bruk
th
-taggen for å definere topptekst for hver kolonne. - Bruk
tbody
-taggen for å gruppere hovedinnholdet i tabellen, som inkluderer rader og dataceller. - Bruk
td
-taggen for å definere de faktiske dataene eller innholdet i hver celle i tabellen.
index.html
index.css
Takk for tilbakemeldingene dine!