Ohjelmointi

| KOTISIVU | KURSSIKUVAUS | OHJELMA JA HARJOITUKSET |

HTML-kielen ominaisuuksia

Kuvat nettisivulla:

Kuvaelementtiin viittaaminen ja attribuutit

<img src="URL" alt="tekstiä" align="reuna" width="n" height="n">

src="image_URL"
kuvatiedoston sijainti, pakollinen tieto

alt="alternative_text"
valinnainen, kertoo kuvasta, jos kuva ei lataudu

width=n height=n
Ilmaisee kokoa, valinnainen (pitää vastata todellista kokoa, älä muuta lukuja mielivaltaisesti)

JPEG -vai- GIF?

Animoidut kuvat

Kuvakartta, osoitusalueet "Image map" esimerkki:

<table border="0">
<tr>
<td>

<map name="valikko1">
<area shape="rect" coords="0, 0, 162, 31" href="ajankoht.html">
<area shape="rect" coords="0, 32, 162, 62" href="toiminta.html">
<area shape="rect" coords="0, 63, 162, 94" href="julkaisut.html">
<area shape="rect" coords="0, 95, 162, 125" href="puheenv.html">
<area shape="rect" coords="0, 126, 162, 156" href="linkit.html">
<area shape="rect" coords="0, 157, 162, 188" href="liity.html">
<area shape="rect" coords="0, 189, 162, 219" href="hallitus.html"></map>

<img src="menu.gif" border="0" width="162" height="219" usemap="#valikko1">
</td>

</tr>
</table>

Lomake

<form action =mailto:ME@SCHOOL.FI method="post">
Tämä on lomake, joka kysyy nimeä
<input type="Anna nimesi" name="fname">
<input type="submit">
<input type="reset">
</form>

Lomakkeessa on yksi tekstikenttä sekä kaksi painiketta. Se lähettää tiedon sähköpostiosoitteeseen.

Monimutkaisempi lomake, joka käynnistää ohjelman palvelimella:

<p>
<form method="post" action="http://www.school.fi/cgi-bin/post-query">

<h3 align=left> Pizza-Baari -- toimitukset suoraan kotiovelle </h3>

Anna osoitteesi : <input name="address">
<p> </p>
Anna puhelinnumerosi : <input name="phone">
<p> </p>
Valitse listasta täytteet <P>
<ol>
<li> <input type="checkbox" name="topping" value="pepperoni"> Pepperoni
<li> <input type="checkbox" name="topping" value="tuna"> Tonnikala
<li> <input type="checkbox" name="topping" value="anchovies"> Anjovis.
</ol>

Lähetä tilauksesi painamalla tästä:<input type=" submit" value="Order Pizza">
</form>
</p>

| KOTISIVU | KURSSIKUVAUS | OHJELMA JA HARJOITUKSET |
Päivittänyt: Jaana Holvikivi
Muutettu 16.8.2008