Kotisivun tekeminen Html-koodilla

Koodeja

Html:ää voi ohjelmoida pelkällä muistiolla, eli ei ole välttämättä tarpeellista ladata mitään ohjelmaa. Komennot aloitetaan aina ns. alkutagillä joko tulee merkkien < > väliin ja lopetetaan yleensä lopputagiin, joka tulee merkkien </ > väliin.

Neljä peruskoodia (tagia tai tägiä)

  1. <HTML> </HTML> Koodeilla aloitetaan ja lopetetaan jokainen WWW-sivu. Eli <HTML> on sivun ensimmäinen koodi ja </HTML> sivun viimeinen.

    <HEAD> </HEAD> Koodeilla aloitetaan ja lopetetaan jokaisen WWW-koodisivun "Pääosa". Tämän osan sisään kirjoitetaan mm. seuraavana esiteltävä sivun otsikko koodi.

    3. <TITLE> </TITLE> Koodien väliin kirjoitetaan sivun otsikko, joka näkyy mm. selaimen yläösassa.

    4. <BODY> </BODY> Koodien väliin kirjoitetaan sitten koodi kaikelle, mitä halutaan näkymään sivuilla.

Harjoitustyössä käytetyt koodit

<BR> Rivinvaihto

Tämä koodi toimii yksinään, eikä tarvitse lopetusta.
<P> Kappaleenvaihto
Tämäkin koodi toimii yksinään.
<HR> Vaakaviiva

<B> ja </B> lihavointi

<H1> ja </H1> Otsikko1

<CENTRE> </CENTRE> keskitys

<A HREF="tiedoston.html"> Linkitettävä teksti </A>, Linkin teko

<IMG src= "kuva.jpg">, kuvan lisääminen

Taulukko

<TABLE> ja </TABLE> aloittaa/lopettaa taulukon

<TR> ja </TR> taulukon rivi

<TD> ja </TD> taulukon sarake

Komentoihin voi littää määreitä

Määreet tulevat alkutagiin ennen > merkkiä
<H1 align=center> keskittää otsikon
<HR color="green"> tekee vihreän viivan

Väreissä käytetään joko englanninkielisiä tekstejä tai HEX värikoodeja.

Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä