HTML luntti

WWW-palveluissa voi tehostaa esitystä/tekstiä html-koodilla.

Perusperiaate

HTML (HyperText Markup Language) on www-sivun esityksen kuvailukieli, jolla määritellään miten sivun osioit näkyvät selaimella. Koodia voi kirjoittaa tekstieditorilla (esim. MS Notepad) tai erillisillä editoreilla (MS FrontPage, Adoben Dreamweaver tai ilmaisohjelmilla)
Määritykset erotellaan "tageilla", joka alkaa aina <koodi> ja loppuu vastaavasti </koodi>. Mikäli koodi ei ole oikein, sivu ei välttämättä näy laisinkaan tai näkyy aivan erilaisena, kuin mitä on tarkoitus.

	tarkoitus koodi vaikutus teksti kursiivilla <i>varsinainen teksti</i> varsinainen teksti teksti lihavoituna <b>varsinainen teksti</b> varsinainen teksti teksti alleviivattuna <u>varsinainen teksti</u> varsinainen teksti teksti lihavoituna ja kursivoituna <b><i>varsinainen teksti</i></b> varsinainen teksti kappaleen vaihto (normaali rivinvaihto, jättää välin edelliseen kappaleeseen) <p>varsinainen teksti</p> varsinainen teksti1 ja rivinvaihdon jälkeen jatkuu varsinainen teksti pakotettu rivinvaihto (teksti jatkuu seuraavalta riviltä) tekstiä </br> ja teksti jatkuu seuraavalta riviltä tekstiä ja teksti jatkuu seuraavalta riviltä lista <ul> lista1    <li>lista1</li> lista2    <li>lista2 lista3        <ul>          <li>lista3</li>        </ul>    </li>  </ul> järjestetty lista <ol> 1. lista1    <li>lista1</li> 2. lista2    <li>lista2 a. lista3      <ol>        <li>lista3</li>      </ol>    </li>  </ol>   hyperlinkki <a href="http://uef.fi" >hyperlinkki</a> hyperlinkki  -linkki palvelimella olevaan toiseen sivuun < a href="toinensivu.html" >Toiselle sivulle</a>  -linkki palvelimella olevaan alakansion dokumenttiin < a href="*alakansio/*toinensivu.html" >Alakansiossa olevalle sivulle</a>  -linkki palvelimella alakansiossa olevasta linkille ylätasolle < a href="*../*indexsivunnimi.html" >Pääsivulle</a> hyperlinkki aukeaa uuteen selainikkunaan <a href="http://uef.fi" target="_blank">hyperlinkki</a> kuvan liittäminen <img src="kuvatiedostonnimi.jpg"> Lisätietoa Verkosta löytyy paljon oppaita www-sivujen suunnittelusta ja HTML-kielestä. Hakusanana voi olla esim. HTML opas. W3C:n www suunnittelun ja sovellusten standardit: http://www.w3.org/standards/webdesign/ Ilmaiseditoreita, esim.  download.fi, Free-Download.fi,

Lisätietoa

Verkosta löytyy paljon oppaita www-sivujen suunnittelusta ja HTML-kielestä. Hakusanana voi olla esim. HTML opas.
W3C:n www suunnittelun ja sovellusten standardit: http://www.w3.org/standards/webdesign/
Ilmaiseditoreita, esim.  download.fi, Free-Download.fi,

Tämä sisältö on julkaistu aiemmin 17.1.2011