Perus-HTML-tagit - neljä esimerkkiä

Tämä luku esittelee sinulle kaikkein yleisimmin käytetyt HTML-tagit.

Vinkki:Älä huoli tässä luvussa sinulle vielä tuntemattomista esimerkeistä, opit ne seuraavissa luvuissa.

Vinkki:Opit HTML:ää parhaiten tekemällä kokeiluja samalla. Olemme valinneet sinulle hyvän HTML-editorin. Käytä tätä editoria muokataksesi HTML-lähdetekstiä ja napsauta TIY-painiketta nähdäksesi tuloksen.

HTML-otsikot

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

Esimerkki

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

Kokeile itse

HTML-paragraphit

HTML-paragraphit määritellään <p>-tagilla.

Esimerkki

<p>Tämä on kappale.</p>
<p>Tämä on toinen kappale.</p>

Kokeile itse

HTML-linkit

HTML-linkit määritellään <a>-tagilla.

Esimerkki

<a href="http://www.codew3c.com">Tämä on linkki</a>

Kokeile itse

Huomautus:Määritä linkin osoite href-ominaisuudessa.

(Sinä oppit tämän kurssin myöhemmissä luvuissa.)

HTML-kuvat

HTML-kuvat määritellään <img>-tagilla.

Esimerkki

<img src="codew3c.jpg" width="104" height="142" />

Kokeile itse

Huomautus:Kuvien nimet ja mitat tarjotaan ominaisuuksina.