Ultimate HTML

Kursinnhold

Ultimate HTML

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

Rollen til Dokumenthodet

Dokumenthodet kan inkludere metatagger, hvorav mange er ikke synlige for brukeren i nettleservinduet. Derfor vil du i de kommende eksemplene ikke se noe synlig innhold. Disse taggene lagrer metadata informasjon om siden.

Sidetittel

Teksten inne i <title>-taggen vises i nettleserfanen. Tittelen bør være en kortfattet beskrivelse av siden og bør være på maksimalt 60 tegn.

index.html

Med hjelp av denne koden kan du oppnå et slikt utseende på nettsiden. I nettleserfanen vil du se den nøyaktige teksten som er omsluttet av <title>-taggen (hvit ramme i bildet).

Metadata

<meta>-taggen inneholder informasjon for nettlesere og søkemotorer: dokumentkoding, datakommunikasjon, og mye mer. Metatagene kan ha mange attributter da de alle formidler forskjellig informasjon. Den viktigste er sidekoding. Den hjelper en nettleser med å vise teksten riktig. Hvis koding ikke er angitt, kan nettleseren vise mojibake i stedet for tegnene.

index.html

Betydningen av meta Tag Attributter

name: navnet på en egenskap kan være et hvilket som helst ord eller uttrykk, nettlesere forventer generelt en verdi som de kan gjenkjenne og bruke til å utføre en handling. Et eksempel ville være <meta name="author" content="name"> for å angi forfatteren av siden;
content: spesifiserer egenskapens verdi. Et eksempel ville være <meta name="language" content="english"> for å spesifisere sidens tekstspråk;
http-equiv: står for HTTP-ekvivalent, og det brukes til å simulere HTTP-responsoverskrifter. Dette er sjeldent å se. Et eksempel ville være <meta http-equiv="refresh" content="30"> for å si til nettleseren å oppdatere siden hvert 30. minutt.

Grunnleggende meta Tags for SEO-forbedring

<meta name="description"/>: spesifiserer en kort beskrivelse av nettsiden;
<meta name="author" />: spesifiserer forfatteren av nettsiden;
<meta name="language"/>: spesifiserer språket på nettsiden;
<meta name="robots"/>: forteller søkemotorer hvordan de skal krype eller indeksere nettsiden;
<meta name="googlebot" content="notranslate"/>: informerer Google om ikke å tilby automatiske oversettelser av nettsiden;
<meta name="copyright" content="Copyright 2024"/>: spesifiserer opphavsretten til nettsiden.

index.html

1. Hvor skal `<meta>`-taggen plasseres?

2. Hvilket tag-innhold vil bli vist på brukerfanen?

3. Hva kan gjøres for å hjelpe nettleseren med å indeksere siden?

Hvor skal <meta>-taggen plasseres?

Select the correct answer

Inne i <head>-taggen

Inne i <body>-taggen

Hvilket tag-innhold vil bli vist på brukerfanen?

Select the correct answer

Taggen <title>

Taggen <meta/>

Hva kan gjøres for å hjelpe nettleseren med å indeksere siden?

Select the correct answer

Gi fargerike bilder

Gi en kort innholdsbeskrivelse

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 3

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

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

Rollen til Dokumenthodet

Dokumenthodet kan inkludere metatagger, hvorav mange er ikke synlige for brukeren i nettleservinduet. Derfor vil du i de kommende eksemplene ikke se noe synlig innhold. Disse taggene lagrer metadata informasjon om siden.

Sidetittel

Teksten inne i <title>-taggen vises i nettleserfanen. Tittelen bør være en kortfattet beskrivelse av siden og bør være på maksimalt 60 tegn.

index.html

Med hjelp av denne koden kan du oppnå et slikt utseende på nettsiden. I nettleserfanen vil du se den nøyaktige teksten som er omsluttet av <title>-taggen (hvit ramme i bildet).

Metadata

<meta>-taggen inneholder informasjon for nettlesere og søkemotorer: dokumentkoding, datakommunikasjon, og mye mer. Metatagene kan ha mange attributter da de alle formidler forskjellig informasjon. Den viktigste er sidekoding. Den hjelper en nettleser med å vise teksten riktig. Hvis koding ikke er angitt, kan nettleseren vise mojibake i stedet for tegnene.

index.html

Betydningen av meta Tag Attributter

name: navnet på en egenskap kan være et hvilket som helst ord eller uttrykk, nettlesere forventer generelt en verdi som de kan gjenkjenne og bruke til å utføre en handling. Et eksempel ville være <meta name="author" content="name"> for å angi forfatteren av siden;
content: spesifiserer egenskapens verdi. Et eksempel ville være <meta name="language" content="english"> for å spesifisere sidens tekstspråk;
http-equiv: står for HTTP-ekvivalent, og det brukes til å simulere HTTP-responsoverskrifter. Dette er sjeldent å se. Et eksempel ville være <meta http-equiv="refresh" content="30"> for å si til nettleseren å oppdatere siden hvert 30. minutt.

Grunnleggende meta Tags for SEO-forbedring

<meta name="description"/>: spesifiserer en kort beskrivelse av nettsiden;
<meta name="author" />: spesifiserer forfatteren av nettsiden;
<meta name="language"/>: spesifiserer språket på nettsiden;
<meta name="robots"/>: forteller søkemotorer hvordan de skal krype eller indeksere nettsiden;
<meta name="googlebot" content="notranslate"/>: informerer Google om ikke å tilby automatiske oversettelser av nettsiden;
<meta name="copyright" content="Copyright 2024"/>: spesifiserer opphavsretten til nettsiden.

index.html

1. Hvor skal `<meta>`-taggen plasseres?

2. Hvilket tag-innhold vil bli vist på brukerfanen?

3. Hva kan gjøres for å hjelpe nettleseren med å indeksere siden?

Hvor skal <meta>-taggen plasseres?

Select the correct answer

Inne i <head>-taggen

Inne i <body>-taggen

Hvilket tag-innhold vil bli vist på brukerfanen?

Select the correct answer

Taggen <title>

Taggen <meta/>

Hva kan gjøres for å hjelpe nettleseren med å indeksere siden?

Select the correct answer

Gi fargerike bilder

Gi en kort innholdsbeskrivelse

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 3

Vi beklager at noe gikk galt. Hva skjedde?

some-alt