HTML-oppaan etusivu
 
Internet ja sähköposti
 
Perusteet
    Tekijänoikeudet
    Käyttömukavuus
    Kuvitus
    Julkaiseminen
  
HTML-koodit
    Sivun rakenne
  Väritys
    Värikoodit
  Kuvien koodit
  Korvausmerkit
  Hakemistorakenne
  Tekstin asettelu
  Linkit
  
Sanasto
 
 
Muut atk-palvelut
 
 
 

 

Perustietoa html-koodeista

 

HTML-koodit eli tagit kirjoitetaan < ja >-merkkien väliin. Ne toimivat yleensä pareittain eli ne tarvitsevat myös lopetustagin joka ilmaisee kyseisen tagin vaikutuksen loppumisen. Lopetustagi on lähes aloitustagin näköinen. Lopetustagiin tulee tekstin lisäksi /-merkki. Jos aloitustagi olisi vaikka <tagi> silloin lopetustagi näyttäisi tältä </tagi>. Jos lopetustagi jää pois, tagin vaikutus jatkuu dokumentissa loppuun asti. Varsinainen sivujen sisältö eli asiateksti tulee tagiparien väliin. Niiden välissä voi olla myös muita tageja. Tagit eivät välttämättä ole yksittäisiä sanoja vaan sulkeiden sisään tulee usein myös lisäkoodeja. Lopetustagi on kuitenkin vain yksi sana.

Selaimet eivät yleensä välitä onko koodit kirjoitettu pienillä vai isoilla kirjaimilla. Valitse jompikumpi tapa, älä vaihda sitä kesken sivun tekemisen. Jotta sivulla olevan tekstin ja lähdekoodit erottaa toisistaan helpommin, on ehkä parempi kirjoittaa koodit isoilla kirjaimilla.

Jos haluat varmistaa sivujen näkyvyyden mahdollisimman monella selaimella, käytä tageista vain niitä, jotka toimivat kaikissa selaimissa. Voit jälleen varmistua sivujen toimivuudesta vain koekäyttämällä niitä mahdollisimman monessa eri-ikäisessä ja eri valmistajien selaimessa.

Selainohjelmissa on joitakin oletusasetuksia, jotka määrittävät näytettävien Internet-sivujen ulkonäön. Tällaisia asetuksia ovat mm. fontti, tekstin koko, tekstin väri, sivun taustaväri, linkkien väri ja seurattujen linkkien väri. Jos jätät määrittelemättä jotain sivujen ulkonäöstä, selain käyttää omaa oletusasetustaan. Eli jos haluat että sivut näkyvät kaikilla käyttäjillä samanlaisina, määrittele sivuja tehdessäsi ulkonäkö tarkasti.

Lähdekoodin saa kopioida toiselta

Vaikka tekijänoikeuslaki tuntuu ulottuvan kaikkeen mahdolliseen, muiden tekemien Internet-sivujen HTML-koodeja voi käyttää vapaasti. Jos jonkun toisen tekemät sivut näyttävät hyvältä, koodit voi kopioida omaan käyttöön. Tietysti sivun sisältö pitää kirjoittaa itse ja käyttää omia kuvia, mutta sivujen rakenne ei ole tekijänoikeuslakien alainen.

Sivujen rakennetta eli koodeja voit tarkastella seuraavasti:

Valitse valikkoriviltä Näytä - Lähdekoodi (View - Document Source tai Source) Explorer avaa kyseisen sivun HTML-koodit Muistio -ohjelmalla (Notepad) ja Netscape omassa editori-ikkunassaan. Se ei kuitenkaan ole varsinainen editori, koska siinä ei voi muokata tekstiä.

Notepadilla voi muokata heti sivun rakennetta, ja tallentaa sivun koodit perinteisesti valitsemalla valikkoriviltä Tiedosto - Tallenna nimellä (File - Save as…).

Netscapessa tekstin pystyy kopioimaan ja liittämään sen tekstinkäsittelyohjelmaan. Koska Netscapen editori-ikkunassa ei ole valikko- tai työkalurivejä, kopioiminen on tehtävä näppäimistön avulla. Windows tarjoaa kolme nopeaa näppäinyhdistelmää jotka toimivat samalla tavalla useimmissa Windowsissa toimivissa ohjelmissa.

Pidä Control -näppäin alhaalla paina ja sen jälkeen kerran haluamaasi kirjainta, kirjaimen koolla ei ole väliä.

Ctrl ja A maalaa eli valitsee koko asiakirjan sisällön  (voit myös maalata hiirellä)
Ctrl ja C kopioi valitun alueen leikepöydälle eli koneen lyhytaikaiseen muistiin
Ctrl ja V liittää tekstin leikepöydältä kursorin kohtaan siihen ohjelmaan jossa olet

 
 
 
 
 

GN113 Warbird Consulting Oy, Malmin lentoasema, 00700 Helsinki puh. 0400 411 595