Tekstformatering
Gjør teksten fet, kursiv eller understreket
Tekstformatering er en gratis leksjon i HTML for Kids på CoddyKit. Dette er leksjon 4 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i HTML for Kids, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i HTML for Kids inneholder totalt 4 leksjoner.
Tekstformatering
Velkommen til neste leksjon! I dag skal vi lære hvordan du formaterer tekst i HTML for å gjøre den fet, kursiv, understreket og mye mer. La oss komme i gang!
Hvorfor formatere tekst?
Tekstformatering hjelper deg med å:
- Fremheve viktig informasjon.
- Gjøre nettsiden din enklere å lese.
- Forbedre det visuelle inntrykket av innholdet ditt.
La oss utforske de ulike måtene å formatere tekst i HTML på!
Gjøre tekst fet
Bruk taggen <strong> eller <b> for å gjøre tekst fet. Begge fungerer på omtrent samme måte, men <strong> brukes for viktig tekst.
Eksempel:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
Kursivere tekst
Bruk taggen <em> eller <i> for å kursivere tekst. <em> legger til betoning, mens <i> brukes utelukkende til utforming.
Eksempel:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
Understreke tekst
Bruk taggen <u> for å understreke tekst.
Eksempel:
<p>This is <u>underlined</u> text.</p>
Gjennomstreket tekst
Bruk taggen <del> eller <s> for å vise gjennomstreket tekst. Dette er nyttig for å markere tekst som slettet eller feil.
Eksempel:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
Kombinere formatering
Du kan kombinere flere formateringstagger for å utforme teksten på ulike måter.
Eksempel:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
Prøv selv
La oss lage en nettside med formatert tekst. Her er et eksempel:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
Godt jobbet!
Gratulerer! Du har lært hvordan du formaterer tekst i HTML ved hjelp av fet skrift, kursiv, understreking og andre stiler. Tekstformatering bidrar til å fremheve viktig innhold og forbedrer lesbarheten. I neste leksjon skal vi gå videre til anbefalte fremgangsmåter for å skrive ryddig og organisert HTML. Gjør deg klar til å finpusse kodeferdighetene dine!
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 16
- Leksjoner
- 35
Ofte stilte spørsmål
Er leksjonen «Tekstformatering» gratis?
Ja – hele teksten i «Tekstformatering» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av HTML for Kids-kurset, kan du oppgradere til CoddyKit PRO. Kurset i HTML for Kids inneholder totalt 4 leksjoner.
Hva lærer jeg i «Tekstformatering»?
Gjør teksten fet, kursiv eller understreket Du øver på HTML for Kids med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med HTML for Kids?
Ingen tidligere erfaring er nødvendig. HTML for Kids på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 4 av 4.
Hvor lang tid tar leksjonen «Tekstformatering»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne HTML for Kids-leksjonen?
Ja. Alle HTML for Kids-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Inline-stiler
- Grunnleggende CSS
- Farger og bakgrunner
- Tekstformatering