6. HTML Otsikot

HTML Horisonttaali säännöt

2015-10-25T17:44:28+02:00

<hr> tagi tekee vaakasuoran viivan HTML sivullesi.

Sillä voit myös erotella tekstiä kuten alla näet:

Esimerkki:
<p>Tämä on kappale.</p>
<hr>
<p>Tämä on kappale.</p>
<hr>
<p>Tämä on kappale.</p>

HTML tagi

2015-10-25T17:45:02+02:00

HTML <head> elementti sisältää meta datan. Meta data tietoja ei näytetä.

HTML <head> elementti sijoitetaan <html> tagin ja <body> tagin väliin:

Esimerkki:
<!DOCTYPE html>
<html>

<head>
<title>Minun ensimmäinen html</title>
<meta charset="UTF-8">
</head>

<body>
.
.

HTML Otsikot

2015-10-25T17:43:57+02:00

Otsikot ovat tärkeitä HTML dokumenteissä.
Eri otsikot kirjoitetaan <h1> <-- ja --> <h6> välisillä tageilla.

<h1> Määrittää tärkeimmän otsikon. <h6> Määrittää vähiten tärkeän otsikon.

Esimerkki

<h1>Tämä on otsikko</h1>
<h2>Tämä on otsikko</h2>
<h3>Tämä on otsikko</h3>

Vihje: Selaimet jättävät automaattisesti vähän tyhjää tilaa ennen ja jälkeen otsikon.

Älä käytä otsikointi tageja kesken tekstin, että saisit tekstiä isommaksi.

Googlen haku kone käyttää otsikointeja laittaaksesi oman sivusi johonkin kategoriaan, ja jos siellä on keskellä tekstiä muita sanoja niin tiedät loput.

Käyttäjän pitää nähdä oleellisin tieto otsikosta.

Meta data tarkoittaa dataa datasta.

2015-10-25T17:45:31+02:00

HTML meta data on tietoa itse siitä html dokumentistä (esim. hakukoneille).

HTML <title> Elementti

HTML <title> elementti on meta dataa. Se määrittää HTML dokumentin aiheen.

Aihe ei näy dokumentissä, vaan sivun ylälaidassa.

HTML <meta> Elementti

HTML <meta> elementti on myös meta dataa.

Sitä voidaan käyttää määrittämään kirjasinmerkkien tyylin, sekä monien muiden tärkeiden HTML dokumentin tietojen.

Muita Meta Elementtejä

HTML <style> elementti määrittää sisäisen CSS tyyli määrittelyn.

HTML <link> elementti määrittää ulkoisen CSS tyyli määrittelyn.