Ohje: Kotisivujen tekemisen perusteet
Tämän oppaan tarkoituksena ei ole kertoa kuinka tehdään visuaalisesti hienot taikka muutenkaan vaativat sivut, mutta tarkoituksena on tehdä yksinkertainen opas josta kotisivujen tekemisen voi aloittaa.
Tässä hieman perustageja..
<html> & päättötagi </html>
Tällä tagilla aloitetaan ja lopetetaan jokainen sivu.
<body> & päättötagi </body>
Tulee heti <html> tagin jälkeen ja lopussa juuri ennen </html> tagia.
<head> & päättötagi </head>
Aloittava tagi titleä edeltävälle riville ja päättävä titlen jälkeen
<title>Arkku.net esimerkkisivu</title>
Tällä tagilla määritetään sivun otsikko, eli se teksti joka lukee selaimen yläreunassa.
<div align="center"> & päättötagi </div>
Tämän tagin sisällä olevat objektit tulevat keskitetysti sivulle.
<a href="http//www.arkku.net"> Arkku.net </a>
Tekee linkin jossa tekstinä on Arkku.net ja sitä klikattaessa siirtyy http//www.arkku.net
<br>
Sama kuin Enter nappi tekstinkäsittelyohjelmissa eli hyppää seuraavalle riville, ei tarvitse päättötagia.
<img src="esimerkki.jpg">
Laittaa sivulle kuvan esimerkki.jpg joka on tallennettuna htdocs kansioon, kuvia siihen kansioon saa ftp ohjelmia käyttäen ja siitä aiheesta lisää löytyy http//arkku.net/?s=ohjeet&ohjeid=1407
Esimerkkisivujen koodi
<html>
<body>
<head>
<title> Arkku.net esimerkkisivut </title>
</head>
<div align="center">
<a href="http//www.arkku.net"> Arkku.net </a>
<br>
<img src="esimerkki.jpg">
</div>
</body>
</html>
Tässä hieman perustageja..
<html> & päättötagi </html>
Tällä tagilla aloitetaan ja lopetetaan jokainen sivu.
<body> & päättötagi </body>
Tulee heti <html> tagin jälkeen ja lopussa juuri ennen </html> tagia.
<head> & päättötagi </head>
Aloittava tagi titleä edeltävälle riville ja päättävä titlen jälkeen
<title>Arkku.net esimerkkisivu</title>
Tällä tagilla määritetään sivun otsikko, eli se teksti joka lukee selaimen yläreunassa.
<div align="center"> & päättötagi </div>
Tämän tagin sisällä olevat objektit tulevat keskitetysti sivulle.
<a href="http//www.arkku.net"> Arkku.net </a>
Tekee linkin jossa tekstinä on Arkku.net ja sitä klikattaessa siirtyy http//www.arkku.net
<br>
Sama kuin Enter nappi tekstinkäsittelyohjelmissa eli hyppää seuraavalle riville, ei tarvitse päättötagia.
<img src="esimerkki.jpg">
Laittaa sivulle kuvan esimerkki.jpg joka on tallennettuna htdocs kansioon, kuvia siihen kansioon saa ftp ohjelmia käyttäen ja siitä aiheesta lisää löytyy http//arkku.net/?s=ohjeet&ohjeid=1407
Esimerkkisivujen koodi
<html>
<body>
<head>
<title> Arkku.net esimerkkisivut </title>
</head>
<div align="center">
<a href="http//www.arkku.net"> Arkku.net </a>
<br>
<img src="esimerkki.jpg">
</div>
</body>
</html>
