Harjoitustyö 4:n ohje

2016-10-10T12:58:27+03:00

Taulukon avulla voidaan kuvat järjestää näppärästi: Kuvatägi <IMG SRC="tiedostonimi.jpg"> liitetään <TD> ja </TD> tägien väliin jolloin kuva tulee yhteen taulukon ruutuun eli soluun.

esim
<HTML>
<HEAD>
<TITLE> pekan lippuesimerkki
</TITLE>
</HEAD>
<BODY>

<TABLE BORDER="5">
<TR> <TD><IMG SRC="australia.png" height="100"></TD> <TD><IMG SRC="iran.png" height="100"></TD> </TR>

<TR> <TD> <center>australia</TD><TD><center>iran</TD> </TR>

<TR> <TD><IMG SRC="japani.png" height="100"></TD> <TD><IMG SRC="tuvalu.png" height="100"></TD> </TR>

<TR> <TD> <center>japani</TD> <TD> <center>tuvalu </TD> </TR>

</TABLE>

Tehtävänäsi on tehdä mallinmukainen mutta 20 lippua (4riviä*5saraketta) sisältävä vastaavanlainen taulukko, jossa on siis 20 lippua ja sen alapuolella valtion nimi. Jos liput ei kiinnosta, voit tehdä vastaavan työn myös esim eläimillä, kasveillä, näyttelijöillä, urheilijoilla, logoilla yms. Muista kuitenkin tekijänoikeudet
1. Etsi ja tallenna 20 lippua http://commons.wikimedia.org/ -sivulta. Käytä hakusanana sanaa flag, jolloin sinun pitäisi löytää sivu: http://commons.wikimedia.org/wiki/Category:Flags (voit etsiä vastaavalla tavalla täältä eläimiä (animals), hedelmiä (fruits) jne)

2. Luo uuteen tyhjään asiakirjaan perusrakenne, vaihda sivun tautaväri
(html, head, title, /title, /head, body bgcolor="#123456", /body, /body)
3. Luo taulukko, kirjoita ohjeen ja mallin mukaisesti alapuolella olevaan ruutuun aina kyseisen valtion nimi. <CENTER> -tägillä tekstin saa keskelle ruutua.

4. Pienennä kuvia niin että taulukko mahtuu oletusnäkymään ja sivua ei pidä skrollata.

5. Palauta valmiista työstä kuvakaappaus, että gedit-muistio.