Otsikoiden ja Kappaleiden Käyttö HTML:ssä

Nyt kun ymmärrämme, miten oikea HTML-rakenne muodostetaan, keskitytään täyttämään body-elementti sisällöllä, joka näytetään verkkosivulla.

Otsikot

Otsikoita käytetään sisällön jäsentämiseen ja organisointiin verkkosivulla. HTML tarjoaa kuusi otsikkotasoa, alkaen <h1> (tärkein) ja päättyen <h6> (vähiten tärkeä).

On tärkeää käyttää jokaista otsikkotasoa asianmukaisesti, jotta dokumentin rakenne säilyy selkeänä ja johdonmukaisena. Ylemmän tason otsikoiden liiallinen käyttö tai tasojen ohittaminen voi aiheuttaa sekaannusta ja vaikeuttaa käyttäjien sekä hakukoneiden kykyä ymmärtää sisällön järjestystä.
Esimerkki:

index.html

Yllä olevassa esimerkissä:

<h1> käytetään sivun pääotsikkona;
<h2> käytetään alaotsikoissa, mikä osoittaa alemman tärkeysasteen verrattuna <h1>-otsikkoon;
<h3> käytetään edelleen alajaksojen otsikoinnissa.

Kappaleet

Kappaleet, jotka merkitään <p>-tagilla, jakavat tekstin erillisiin kappaleisiin ja tuovat sisällölle visuaalista ja semanttista selkeyttä.
Esimerkki:

index.html

Yllä olevassa esimerkissä:

Jokainen <p>-elementti määrittää erillisen kappalelohkon;
Selain lisää automaattisesti väliä kappaleiden väliin parantaakseen luettavuutta ja säilyttääkseen visuaalisen yhdenmukaisuuden.

Videotutoriaali

1. Kuinka monta otsikkotasoa HTML tarjoaa?

2. Mitä tunnistetta käytetään otsikoiden merkitsemiseen HTML:ssä?

3. Mikä on suositeltu käytäntö otsikoiden käytössä HTML:ssä?

4. Mikä tunniste määrittelee kappaleet?

Kuinka monta otsikkotasoa HTML tarjoaa?

Select the correct answer

Mitä tunnistetta käytetään otsikoiden merkitsemiseen HTML:ssä?

Select the correct answer

<title>

<heading>

<h1> to <h6>

Mikä on suositeltu käytäntö otsikoiden käytössä HTML:ssä?

Select the correct answer

Käytä <h1> kaikissa otsikoissa.

Käytä <h1> pääotsikoissa ja <h2> alaotsikoissa.

Ohita otsikkotasot visuaalisen hierarkian luomiseksi.

Mikä tunniste määrittelee kappaleet?

Select the correct answer

<p>

<paragraph>

<text>

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 3

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain more about the difference between headings and paragraphs in HTML?

Why is it important to use the correct heading levels in my HTML documents?

Can you give more examples of when to use each heading level?

Awesome!

Completion rate improved to 3.13

Otsikoiden ja Kappaleiden Käyttö HTML:ssä

Pyyhkäise näyttääksesi valikon

Nyt kun ymmärrämme, miten oikea HTML-rakenne muodostetaan, keskitytään täyttämään body-elementti sisällöllä, joka näytetään verkkosivulla.

Otsikot

Otsikoita käytetään sisällön jäsentämiseen ja organisointiin verkkosivulla. HTML tarjoaa kuusi otsikkotasoa, alkaen <h1> (tärkein) ja päättyen <h6> (vähiten tärkeä).

index.html

Yllä olevassa esimerkissä:

<h1> käytetään sivun pääotsikkona;
<h2> käytetään alaotsikoissa, mikä osoittaa alemman tärkeysasteen verrattuna <h1>-otsikkoon;
<h3> käytetään edelleen alajaksojen otsikoinnissa.

Kappaleet

Kappaleet, jotka merkitään <p>-tagilla, jakavat tekstin erillisiin kappaleisiin ja tuovat sisällölle visuaalista ja semanttista selkeyttä.
Esimerkki:

index.html

Yllä olevassa esimerkissä:

Jokainen <p>-elementti määrittää erillisen kappalelohkon;
Selain lisää automaattisesti väliä kappaleiden väliin parantaakseen luettavuutta ja säilyttääkseen visuaalisen yhdenmukaisuuden.

Videotutoriaali

1. Kuinka monta otsikkotasoa HTML tarjoaa?

2. Mitä tunnistetta käytetään otsikoiden merkitsemiseen HTML:ssä?

3. Mikä on suositeltu käytäntö otsikoiden käytössä HTML:ssä?

4. Mikä tunniste määrittelee kappaleet?

Kuinka monta otsikkotasoa HTML tarjoaa?

Select the correct answer

Mitä tunnistetta käytetään otsikoiden merkitsemiseen HTML:ssä?

Select the correct answer

<title>

<heading>

<h1> to <h6>

Mikä on suositeltu käytäntö otsikoiden käytössä HTML:ssä?

Select the correct answer

Käytä <h1> kaikissa otsikoissa.

Käytä <h1> pääotsikoissa ja <h2> alaotsikoissa.

Ohita otsikkotasot visuaalisen hierarkian luomiseksi.

Mikä tunniste määrittelee kappaleet?

Select the correct answer

<p>

<paragraph>

<text>

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 3