Perus-HTML-tagit - neljä esimerkkiä
- Edellinen sivu HTML-editori
- Seuraava sivu HTML-elementit
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>
HTML-paragraphit
HTML-paragraphit määritellään <p>-tagilla.
Esimerkki
<p>Tämä on kappale.</p> <p>Tämä on toinen kappale.</p>
HTML-linkit
HTML-linkit määritellään <a>-tagilla.
Esimerkki
<a href="http://www.codew3c.com">Tämä on linkki</a>
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" />
Huomautus:Kuvien nimet ja mitat tarjotaan ominaisuuksina.
- Edellinen sivu HTML-editori
- Seuraava sivu HTML-elementit