HTML-otsikot ja kappaleet: opas ja esimerkkejä

HTML:n otsikkotunnisteiden ja kappaleiden avulla voit muotoilla ja järjestää verkkosivusi sisältöä. Tässä ovat yleisesti käytetyt HTML-tunnisteet otsikoiden ja kappaleiden muotoiluun:

Otsikkotunnisteet

Otsikoita on kuusi tasoa välillä h1–h6. H1-tunniste edustaa otsikon korkeinta tasoa, kun taas h6-tunniste edustaa alinta tasoa. 

<h1>This is a Heading 1</h1>  
<h2>This is a Heading 2</h2>  
<h3>This is a Heading 3</h3>  

Kappaleen tunniste

p-tunnistetta käytetään tekstikappaleiden luomiseen. 

<p>This is a paragraph.</p>

Tekstin muotoilu

Tekstin muotoiluun käytetään useita tunnisteita, mukaan lukien:

- Vahva tunniste: korostaa osaa tekstistä. Esimerkki: <strong>Tämä teksti on tärkeä</strong>.
- Em-tunniste: Kursivoi osan tekstistä. Esimerkki: <em>Tämä teksti on korostettu</em>.
- B-tunniste: Lihavoi osan tekstistä. Esimerkki: `<b>Tämä teksti on lihavoitu</b>`.
- i-tunniste: Muuttaa osan tekstistä kursivoituksi. Esimerkki: <i>Tämä teksti on kursivoitu</i>.

Alaotsikot

Voit käyttää erilaisia ​​tunnisteita, kuten hgroup, hgroup ja hgroup, luodaksesi alaotsikoita verkkosivullesi.

<hgroup>  
  <h1>Main Heading</h1>  
  <h2>Subheading 1</h2>  
  <h3>Subheading 2</h3>  
</hgroup>  

Näiden tunnisteiden avulla voit muotoilla ja järjestää verkkosivusi sisällön tarkasti ja johdonmukaisesti. Käytä niitä asianmukaisesti ammattimaisen ja kiinnostavan verkkosivun luomiseen.