Jos nämä tehtävät eivät onnistu "omin päin", ei paniikkia, palataan asiaan seuraavalla kerralla, mutta yritäthän kuitenkin!
Takaisin
Siirry sivulle html.htm. Lue oppaan alkua
siihen saakka, josta alkaa Erilaiset listat (sitä ei enää
tarvitse lukea).
Avaa muistio (Apuohjelmista)
Pidä koko ajan avoinna sekä selain (Internet Explorer) että muistio (Apuohjelmista).
Koodi kirjoitetaan muistiolla ja tallennetaan htm-tyyppiseksi. Selaimella voi tarkastella kirjoitetun koodin toimivuutta.
Kirjoita (tai kopioi muistioon) muistiolla seuraava HTML-koodi:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
Joo
</BODY>
</HTML>
Tallenna tiedosto esimerkiksi nimellä sivu.htm (huomaa tyyppi htm!) ja avaa edelleen selaimessa.
Yllä oleva koodi aikaansaa selaimessa näkyviin sanan: Joo
Tee sivu, jossa on
1) Punainen tausta (BODY-tagin sisään sopiva parametri)
2) Rivinvaihtoja (BR, pariton tagi)
3) Erikokoisia otsikoita (H1, jne.)
4) Väliviiva (HR, pariton tagi, käytä parametreja)
Muista laittaa luonnollisesti HTML-dokumentin pakolliset tagit
Parametri BGCOLOR määrittelee sivulle tietyn taustavärin. Jos <BODY>-tagiin ei sijoiteta BGCOLOR-parametria, näyttää selain sivun omalla oletustaustavärillään.
BACKGROUND-parametrilla kerrotaan, jos WWW-sivuille halutaan taustakuva.
Esimerkki : <BODY
BGCOLOR="#000000"> saa aikaiseksi mustan taustaväri
tai <BODY BGCOLOR="black">
Esimerkki : <BODY BACKGROUND="tausta.gif">
<P> </P>-tageilla erotetaan tekstikappaleet toisistaan.
Vaikka muistiolla saisikin Enterin avulla erotettua kappaleet toisistaan, selain ohittaa Enterin painallukset ja teksti näkyy "yhtenä pötkönä", huomaa ettei selain myöskään ”tottele” välilyönneillä tehtyjä tekstin asetteluja.
<H1> </H1> -tageilla voidaan HTML:ssä tehdä kuuden eri tason otsikkoja. Ylimmän tason otsikko tehdään H1:llä (”suurin kirjasinkoko”) ja alimman tason otsikko on <H6> </H6> -tageilla. Tähän väliin mahtuu neljä muuta otsikkotasoa H2:sta H5:een.
<BR> -tagilla saadaan tekstikappaleen sisään tai esimerkiksi otsikkoon pakollisen rivinvaihto. <BR> -tagin jälkeen teksti jatkuu seuraavan rivin alusta. Huomaa, että tällä tagilla ei ole lopputagia.
<HR>-tagilla saadaan aikaiseksi väliviiva eli kuvaruudun poikki vaakatasossa kulkeva kolmiuloitteinen viiva, jonka avulla voidaan esimerkiksi erottaa dokumentin eri osia toisistaan.
<HR>-tagi on pariton tagi eli sille ei kirjoiteta
lopputagia. SIZE - parametrin avulla voidaan
muuttaa väliviivan paksuutta. WIDTH - parametri
määrittelee viivan leveyden. Pelkällä luvulla ilmaistaan
leveys pikseleinä. %-merkki ilmaisee leveyden prosentteina
ruudun leveydestä. ALIGN-parametri kertoo aseman, josta viivaa
lähdetään piirtämään:
left viiva alkaa ruudun vasemmasta reunasta
right viiva alkaa ruudun oikeasta reunasta
center viiva on keskitetty ruudun keskelle
NOSHADE poistaa viivan kolmiulotteinen vaikutelman eli
varjostuksen.
Esimerkki :
<HR SIZE=7 WIDTH=50 ALIGN = LEFT>
<HR WIDTH=40 ALIGN = LEFT>
<HR WIDTH=10% ALIGN = LEFT>
NÄYTTÖ: