HTML-otsikot

HTML-dokumentissa otsikot ovat tärkeitä.

HTML-otsikot

Otsikot (Heading) määritellään <h1> - <h6> -tageilla.

<h1> määrittää suurimman otsikon。<h6> määrittää pienimmän otsikon。

Esimerkki

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Kokeile itse

Huomautus:Selain lisää automaattisesti tyhjän rivin otsikoiden ympärille.

Huomautus:Oletuksena HTML lisää automaattisesti ylimääräisen tyhjän rivin blokki-elementtien ympärille, kuten kappaleiden ja otsikkoelementtien ympärille.

Otsikot ovat tärkeitä

Varmista, että käytät HTML-otsikkatageja vain otsikoihin. Älä käytä otsikoita pelkästään tuodaksesi tekstin粗体 tai suureksi.

Hakukoneet käyttävät otsikoita luodakseen indeksin sivustosi rakenteesta ja sisällöstä.

Koska käyttäjät voivat selata sivustoasi otsikoiden kautta nopeasti, on tärkeää esittää dokumentin rakenne otsikoiden avulla.

h1 tulisi käyttää pääotsikkona (tärkeimmänä), sen jälkeen on h2 (toiseksi tärkein), sitten h3 ja niin edelleen.

HTML horisontaalinen viiva

<hr />-tagi luo horisontaalisen viivan HTML-sivulla.

hr-elementti voidaan käyttää sisällön erottamiseen.

Esimerkki

<p>Tämä on kappale</p>
<hr />
<p>Tämä on kappale</p>
<hr />
<p>Tämä on kappale</p>

Kokeile itse

Vinkki:Yksi tapa erottaa artikkeleiden osat on käyttää horisontaalista viivaa (<hr> -tagi), mutta tämä ei ole ainoa tapa.

HTML-kommentit

Voit lisätä huomautuksia HTML-koodiin, mikä voi parantaa sen luettavuutta ja tehdä siitä helpommin ymmärrettävän. Selaimet ohittavat huomautukset eivätkä näytä niitä.

Huomautukset kirjoitetaan tällä tavalla:

Esimerkki

<!-- This is a comment -->

Kokeile itse

Huomautus:Aloitussulkeen jälkeen (vasen sulke) tarvitaan välittömästi huutomerkillä, loppusulkeen edessä (oikea sulke) ei tarvita.

Vinkki:Huomautusten järkevä käyttö voi auttaa tulevaa koodin muokkausta.

HTML-vinkki - Miten tarkastella lähdekoodia

Oletko koskaan ihmetellyt, kun olet nähnyt tietyn verkkosivun ja ajatellut "WOW! Miten tämä toimii?"

Jos haluat löytää salaisuudet, napsauta hiiren oikeaa painiketta ja valitse "Näytä lähdekoodi" (IE) tai "Näytä sivun lähdekoodi" (Firefox), muiden selaimien tapa on myös samanlainen. Tämä avaa ikkunan, joka sisältää sivun HTML-koodin.

Esimerkit tästä sivusta

Otsikko
Miten näyttää otsikko HTML-dokumentissa.
Piilotetut huomautukset
Miten lisätään huomautus HTML-lähdekoodiin.
Horisontaalinen viiva
Miten lisätään horisontaalinen viiva.

HTML-tunnisteen viittausopas

CodeW3C.com:n tunnisteen viittausopas tarjoaa lisätietoja näistä otsikoista ja niiden ominaisuuksista.

Opit lisää HTML-tunnisteista ja -ominaisuuksista seuraavissa luvuissa tässä kurssissa.

Tunniste Kuvaus
<html> Määritellään HTML-dokumentti.
<body> Määritellään dokumentin sisältö.
<h1> to <h6> Määritellään HTML-otsikko
<hr> Määritellään horisontaalinen viiva.
<!--...--> Määritellään huomautus.