Tekstin tehokeinot HTML:ssä

Otavan Opiston Av-wiki

Loikkaa: valikkoon, hakuun

Tehokeinojen avuilla voidaan korostaa tai merkitä tiettyä osaa tekstiä. Kyse on mm tekstin lihavoinnista, kursivoinnista, mutta toisaalta myös tavasta kirjoittaa esim. lainaukset ja määritelmät.

Fyysiset tehosteet

Tavallisia fyysisiä tehosteita ovat lihavointi <b> ja kursivointi <i>. Mutta muitakin löytyy kuten käy ilmi alla olevasta taulukosta. Varsinkin matematiikassa tarvitaan yläindeksejä.

Kuva: Tehosteet_001.gif

Loogiset tehosteet

Loogiset tekstitehosteet määrittelevät tehosteen antaman vaikutelman, mutta eivät sitä, miltä lopullinen teksti näyttää.

Kuva: Tehosteet_002.gif

Esimerkki

Tässä pieni esimerkki, jossa on käytetty runsaasti tehosteita.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4
/loose.dtd">
<html>
<head>
<title>Esimerkki tehosteitsa</title>
</head>
<body>
<H2>Haasteena muutos ja oppiminen</H2>
<P><B>Tietotekniikka</B> on maatiloilla arkipäiväinen juttu. 
<I>Lehmällä  on panta</I>, joka sisältää digitaalisessa muodossa tietoja lehmästä.
Pannan tietojen  perusteella tietokone osaa kertoa mitä lehmä on syönyt ja paljonko se luovuttaa 
maitoa lypsykertaa  kohti. Perinteisiäkin <B>navettoja</B> on vielä 
olemassa, joissa lehmät ovat parressa  ja lypsäminen sujuu kannukoneella. 
Ne ovat nykyaikaiselle maatalouslomittajalle eksoottisia harvinaisuuksia. Muutos on vaatinut 
<EM>maatiloilta</EM>, ja varsinkin  maatalouslomittajilta oppimista ja sopeutumista
tekniikan suomiin mahdollisuuksiin ja oikkuihin.  Jopa yleensä muutoksia karsastavat 
<B>lehmät</B> ovat oppineet uusille tavoille. 
</P>
<address>Jari Sarja, Mäntyharju</address>
</body>
</html>

Kuva: Tehosteet_003.gif

HTML-kurssi