Otsikoiden ja Kappaleiden Käyttö HTML:ssä

Kun ymmärrät oikean HTML-rakenteen luomisen, siirretään huomio body-elementin sisällön lisäämiseen, jotta verkkosivulle saadaan näkyvää sisältöä.

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ä).

Jokaisen otsikkotason asianmukainen käyttö on tärkeää, jotta dokumentin rakenne säilyy selkeänä ja johdonmukaisena. Ylemmän tason otsikoiden liiallinen käyttö tai tasojen ohittaminen voi aiheuttaa epäselvyyttä ja vaikeuttaa sekä käyttäjien että hakukoneiden kykyä ymmärtää sisällön rakennetta.

index.html

<h1> käytetään sivun pääotsikkona;
<h2> käytetään alaotsikoissa, osoittaen alemman tärkeyden tason kuin <h1>;
<h3> käytetään edelleen alajaksojen otsikointiin.

Kappaleet

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

index.html

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

1. Kuinka monta otsikkotasoa HTML tarjoaa?

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

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

4. Mitä tunnistetta käytetään kappaleiden määrittelyyn?

Kuinka monta otsikkotasoa HTML tarjoaa?

Select the correct answer

Mitä elementtiä 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.

Mitä tunnistetta käytetään kappaleiden määrittelyyn?

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

Awesome!

Completion rate improved to 2.86

Otsikoiden ja Kappaleiden Käyttö HTML:ssä

Pyyhkäise näyttääksesi valikon

Kun ymmärrät oikean HTML-rakenteen luomisen, siirretään huomio body-elementin sisällön lisäämiseen, jotta verkkosivulle saadaan näkyvää sisältöä.

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

<h1> käytetään sivun pääotsikkona;
<h2> käytetään alaotsikoissa, osoittaen alemman tärkeyden tason kuin <h1>;
<h3> käytetään edelleen alajaksojen otsikointiin.

Kappaleet

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

index.html

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

1. Kuinka monta otsikkotasoa HTML tarjoaa?

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

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

4. Mitä tunnistetta käytetään kappaleiden määrittelyyn?

Kuinka monta otsikkotasoa HTML tarjoaa?

Select the correct answer

Mitä elementtiä 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.

Mitä tunnistetta käytetään kappaleiden määrittelyyn?

Select the correct answer

<p>

<paragraph>

<text>

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 3