sivut.web

ohjeita web-sivuston tekijälle

HTML-opas: Yleistä

HTML on WWW-sivujen rakenteen kuvaava sivunkuvauskieli. Se on kehitetty CERNissä 90-luvun alkupuolella. (CERN=Sveitsissä sijaitseva euroopan ydintutkimuskeskus). HTML tulee sanoista HyperText Markup Language ja se kertoo jo jotain kielen luonteesta.

HTML:llä sivun tekstisisällön lomaan merkitään mitkä kohdat laitetaan lihavoidulla, mihin tulee kuva ja mikä muutetaan linkiksi jne. Myös WWW-sivujen kannalta oleellisia kohtia, kuten sivun otsikko, määritellään HTML:llä. Vaikka WWW-sivuja voikin tehdä WYSIWYG-editoireilla, jolloin HTML-kielen tuntemusta ei välttämättä tarvita lainkaan, saa suoraan HTML-kielellä sivuja tehdessä huoliteltua jälkeä aikaan, varsin helpostikin itseasissa. Kirjoittaja on itse tehnyt satoja, ellei tuhansia WWW-sivuja suoraan HTML-kielellä, eikä erityistä hinkua WYSIWYG-editorien käyttöön ole vielä ilmennyt.

Uskon, että Internetin peruskäytön hallitseva, sivun tekemisestä kiinnostunut, oppii HTML-kielen tuossa tuokiossa, ja mikäli aiheeseen jaksaa paneutua hieman syvällisesti, alkaa pajasta syntyä laadukkaita WWW-sivuja alta aikayksikön. Koko homman paras puoli on se, että HTML-dokumentteja tehdessä ei ole tarvetta erityisille ja kalliille työvälineille, normaali tekstieditori riittää hyvin. Esimerkiksi kaikki tässä oppaassa esiteltävät sivut voi kirjoittaa vaikka Windowsin mukana tulevalla Muistiolla (Notepad).

Nyt on aika sukeltaa HTML:n maailmaan.

Seuraava sivu: Versiot.


Käyttäjien kommentit

28.7.2004 01:05
Aloittelija

Olen tehnyt sivuja ns. valmisohjelmilla, ja huomattuani, että tila on poikkeuksetta liian pieni, enkä halua maksaa WWW sivujen pitämisestä, ainoa vaihtoehtoni oli alkaa opetella HTML kieltä, vaikka viimeiseen asti pyrin välttämään sitä. Pelkäsin etten osaa.

Olen aloittelemassa "opiskeluani" näiltä sivustoilta, ja seuraava lause kannusti minua todella:

"Uskon, että Internetin peruskäytön hallitseva, sivun tekemisestä kiinnostunut, oppii HTML-kielen tuossa tuokiossa, ja mikäli aiheeseen jaksaa paneutua hieman syvällisesti, alkaa pajasta syntyä laadukkaita WWW-sivuja alta aikayksikön."

Eli kiitoksia sivujen laatijalle kannustavasta asenteesta. Sain tarvitsemaani itsevarmuutta jo heti alkutaipaleella, että kyllä minäkin voin oppia tuota ihmeellistä kieltä.

Vasta tutustuessa HTML:ään se tuntuu kyllä vaikealta, mutta ei kuitenkaan mahdottomalta. Eli tästä on hyvä jatkaa.

3.9.2004 21:08
turgi

Siis miten tää käytännössä toimii miten uploadaan sivulle tota kamaa siis jos teen vaikka otsiko <TITLE>TÄMÄN TEKSTIN OTSIKKO</TITLE> ja sit jotain niin mihin ton pistä???

9.10.2004 14:55
Minttu

Kun HTML:lää oppii käytämään se ei ole mahdotonta.

23.10.2004 21:58
Huu

Juu, mä alotin Dreamweaverilla, siinähä voi kans kattoo ne koodit ja sieltä opin aika paljon.

Eli sitte ku halusin oppii jotai uutta etin googlessa html opas ja löyty paljon laadukkaita sivja, lopulta mä jouduin tänne :)

täällä o aika hyvät oppaat, kaikki mitä tarttee tietää + vähä lisää ;)


Hyvät sivut, ei voi muuta sanoa

27.10.2004 13:00
>TUNTEMATON<

Tosi hyvät sivut, löytyy kaikki tarvittava.

8.1.2005 12:06
Timias <timias@suomi24.fi>

Eli, minulla on seuraavanlainen ongelma:
Kun haluan esimerkiksi taustakuvan sivuilleni, ja kirjoitan koodin täydellisesti, niin se ei vain näy, mutta! jos kopypasteen saman koodin joltain sivulta niin se kyllä toimii, miten tämä on mahdollista?
Sama juttu on esimerkiksi fontin koon kanssa jne

14.1.2005 15:13
alias virtanen

Apua avuttomalle. Hitto kun ei saa ees sitä html sivua tehdyksi niin vaikeaa ruveta tekeen mitään, mites se onnistuu.

29.1.2005 14:07
aloittelija

mitä eroa noissa eri html kielissä on

14.2.2005 17:36
Aloittelija

Olen tekemässä kotisivujani ja minua ihmetyttää että miksi Internet Explorer estää sivuni onmouse toiminnot ja javascript toiminnot. Tiedän että asetuksia voi muuttaa mutta onko mitään muuta keinoa?? Koska sivut eivät ole hyvät jos useilla koneilla ne eivät toimi oikein.

15.2.2005 14:44
Juha-Pekka Järvenpää <jp@sivut.org>

JavaScript-skriptit suoritetaan selaimessa ja ne voidaan siten kytkeä selainkohtaisesti pois. HTML-sivuun ei voi kytkeä mitään sellaista ominaisuutta, joka vaatisi JavaScriptin olevan käytössä. JavaScriptilla kannattaa siis toteuttaa vain sellaisia toimintoja, jotka tuottavat lisäarvoa, mutta eivät ole olennaisia sivun toimivuuden kannalta.

25.2.2005 17:01
kari <kari_heino@netti.fi>


Kysymys!

Kolme ohjemaa kirjautuminen.htm, tunnistus.php ja haku.php pitäisi saada pelaamaan yhteen.

<form action="haku.php" method="POST">

form action = täytyy saada arvoksi haku.php jos
käyttäjä antoi tunnuksen ja salasanan oikein,
muuten palataan uudelleen kirjautumiseen ja
form action = arvoksi laitetaan kirjautuminen.htm


kirjautumisen oikeellisuus tutkitaan php-koodissa
joten tehdäänkö php-muuttuja $tarkistus
jolle arvoksi "haku.php" tai "kirjautuminen.php"?

Miten sen saan form action arvoksi?
html:ssä ei näyty olevan vertailu-
ja toistorakenteita.

31.3.2005 16:10
Minä

Hyvät sivut :)

31.3.2005 16:18
Joku

Voisiko kukaan neuvoa miten omille kotisivuille voi tehdä tällaisen samanlaisen kommentin lisäyksen, että teksti tulee näkyviin suoraan sivulle. Miten se toimii?

29.4.2005 23:08
aloittelija

Olen aika avuton, mutta siis voiko täällä tehdä omia nettisivuja??? Jos voi niin miten??? Kiitos jos vastaat!! ;)

19.10.2005 22:57
eki

eikös jos haluaa keskelle vilkkuvan tekstin, niin eikös ensin pidä laittaa <center> ja sitten <blink> koodi???

***

kumpi on parempi ohjelma?

SuperHTMLPad v.1.12
Microsoft FrontPage 1

27.10.2005 13:44
Ristari <ristari@hotmail.com>

no jes. JJ O IHA JUNTTI

7.11.2005 14:14
soffku

Haluaisin tietää, miten virtuaalitalli tehdään. mistä tietoa saa?

20.1.2006 17:15
Ensikertalainen

mistä kohtaa täältä sivustoilta löydän miten voin valmiin sivupohjan koodata sivuille? Että ei oisi pelkkää valkoista

22.2.2006 10:29
mieti sitä <joo@ho.com>

vittu että on paskat sivut

14.3.2006 14:01
inuwolf

miten pystyn kirjoittamaan? klikkailen monta kertaa samaa kohtaa, mutta en kuitenkaan saa "kirjoitusviivaa"

1.4.2006 20:20
Fairy

"HTML-dokumentteja tehdessä ei ole tarvetta erityisille ja kalliille työvälineille, normaali tekstieditori riittää hyvin. "

Mitä tuo tekstieditori meinaa?

3.4.2006 15:54
kalitsu

Tekstieditori = Notepad tai Muistio riippuen onko sinulla suomen- vai englanninkieliset valikot. Ja, jos sinulla ei ole Windows:a vaan esim. Linux, niin en tiedä asiasta.

11.4.2006 21:31
Edward

Paras html opas mitä googlesta löysin hakusanoilla HTML opas, kyllä tässä alkuun pääsee, mutta kyllä siihen layoutin koodaamiseen tarvitaan vähä ulkopuolista apua.

8.6.2006 11:04
HuONooH-HTMLää

Ei tääläkään lue sitä etttä jos tekee sellasen sivun mihin täytyyy rekistöröityä niin miten tekeee selaisen alueen johon tarvitsee sen että on kirjautunut sisään????????????????????

16.7.2006 13:46
Make <masamainio2@hotmail.com>

öö mistä voi tehä sen navigaatorin vai mikä se on no kummiskin niin mistä sen voipi tehä?

13.10.2006 19:00
Kerwin

Ihan jotain pikkusta olen HTML:llällä väsännyt. Eihän tuo niin hankalaa ole jos ymmärtää.

27.11.2006 16:39
J

No ihan vaan kommentoidakseni. HTML ei ole koodia se on markuppia eli ihan vaan merkintätapa niinkuin nyt yleinsä "." erottaa lauseen ja "," sivulauseen ttyylitä merkintänä. Eli toisinsanoen sitä kutsustaan kuvauskieleksi.

Toiseksi ei kannata eikä pidä olettaa että sivut aina näyttävät samalta selaimesta toiseen. On jopa olemasssa selaimia jotka muuttavat kuvauksen pistekirjoitukseksi ja se ei todellakaan näytä samalta. Samasta syystä ei möskään pidä olettaa että vastaanottaja tulkitsee javaskriptiä. On siis parempi olla olettamatta mitään vastapuolen laitteistosta se on kohetilainta ja tuo eniten asiakkaita.

itseasiassa ulkoasu ei oiekeastaan ole htmlän heinää vaan rakenteen kuvaaminen.

9.12.2006 14:30
Hehheeh

Olen tehnyt omia sivujani geocities:iin ja olen jo aika kokenut html-tekstin kirjoittaja. En ole täältä sivuilta ennen kyllä saanut apua, mutta hienot sivut! Kävin katsomassa vaan pikkuvinkkejä ja koodeja osoitteessa www.lailanet.fi/satu.heijari . Kävin myös kopioimassa sieltä kuvia. Joka tapauksessa hienot sivut, ja ne jotka lukevat kommenttejani, käykääpä vilkaisemassa siitä huolimatta että sivut on kesken: www.geocities.com/koiratarha_saippuakupla

16.12.2006 13:05
Keke <onni.niemivaara[at]hotmail.com>

Hei! Osaako kukaan kertoa miksi yhdellä sivulla kotisivuillani ei näy ä tai ö-kirjaimia, vaan kysymysmerkit niiden kohdalla? Miten tämän voisi korjata? Kaikilla muilla sivuilla näkyvät kyllä mainiosti, vain yhdellä ei...

18.1.2007 06:06
lakihvu

Joo, kyllähän tää aluksi tuntui aika vaikeelta, mutta siinähän se alkaa selvitä.

24.1.2007 16:04
Hullu

Kannattaaks Microsoft Powerpoint ohjelmaa käyttää HTML koodaukses?

29.1.2007 14:29
Latre

haluaisin tietää html historiasta

18.2.2007 18:38
Jasso-setä

Kyllä on mainiot sivut html:n ihmeelliseen maailmaan, suuret kiitokset vain sivuston tekijälle, kyllä jäisi omat kotisivut tekemättä ilman näitä ohjeita.

26.2.2007 11:51
heke

aahahaa :D täähän on itse asiassa hauskaa!

vai onko sittenkään...?

3.3.2007 10:15
reprehensible

pieni tyhmä kysymys: mitenhän tän tekstitiedoston vois muuttaa siihen muotoon että näkee miltä se näyttäis netissä?

4.3.2007 23:27
Kaija

Nyt sitten pitäisi aloittaa HTML-kielen opiskelu - iha tyhjästä...

6.3.2007 23:14
Susa

Olen ihan alkuvaiheessa koodauksen opettelussa, eli mitä pitää sitten tehdä kun olen saanut koodauksen valmiiksi? (Teen notepadilla)Antakaa ohjeita rautalangasta vääntäen! Ilmeisesti tarvitsis olla tulevan kotisivun osoite olemassa? Käykö ilmaiset sivut, koska niissähän on jo "valmiit"pohjat?Miten siirrän tiedot sivuille, jotta voin nähdä miltä ne näyttävät ja sitten muokata lisää?En saa tallennettua Notepadia HTML-muotoon, tiedostotyypeistä ei löydy mitään vaihtoehtoja.

7.3.2007 13:59
maija

jeejee

20.3.2007 09:03
Rainer

Suosittelen Notepad++

http://notepad-plus.sourceforge.net/uk/site.htm

2.4.2007 12:51
jeeman <jeejee>

JEEJEE! KAIKILLA HAUSLAA?!?!?! VARMASTI !?!?

24.4.2007 17:51
minimonsteri

Miten ne sivut saa julkastua, että kaikkien ei tarvis ladata sitä luetteloa omalle koneelle?

6.5.2007 11:13
Live

No jos käytät vaik Bravehostii nii voit ladata sen luettelos sinne ja julkasta sen. Sä voit valita osotteen ite kunhan siin lukee Bravehost jossai kohassa Esim: minimonsteri.Baravehost.com (toi on musta kauhee paikka ku siin on mainoksii nii paljon)

17.5.2007 14:09
Jaska

Tuolta löytyy kanssa hyvä opas aloittelijoille:
<hfer="http://olento.net/webbiopas/index.php">Kotisivuopas</a>;

17.5.2007 14:10
Sama kuin yllä

sori, siis tuolta:
http://olento.net/webbiopas/index.php

26.5.2007 11:22
Joku avulias

Vinkkejä:

Testaa toimiiko koodit vaikka näin:

Mene notepadiin ja pistä sivusi koodi.
Sitten tallenna se ja loppuun .html

avaa tiedosto ja katso.

Paikat johon voi pistää sivusi koodin: http://geocities.yahoo.com/

http://www.tripod.lycos.com/

Tuossa on vasta pari!

18.6.2007 10:42
jokumiesdj <ksksk@enkerro.com>

aiankin "Damn small Linuxissa" myös vastaava tekstieditori, en muista nimeä, mutta kyllä onnistui nettisivut!

6.7.2007 02:33
jxae socnpbmf <ilhmfoju@mail.com>

wledxg hkduigm fijzs xhqifpms sagx ofgmvsdce kmyca

9.7.2007 13:58
html <html@html.html>

terve kyllä kannatta opiskella htmllää

14.7.2007 13:41
Kiittäjä

Kun kävin täällä ensimmäistä kertaa niin luulin tätä
Ihan surkeana. Katselin tätä sivustoa ja opin paaaljon HTML! Kiitos UBER HYVISTÄ sivuista!

26.7.2007 22:01
Kieppi

Kiitos, että joku jaksaa vielä tehdä näin laajoja sivuja toisten auttamiseen. Minulla olisi silti kysyttävää, joko seuraava on vain mennyt minulta ohi korvien, mutta en löytänyt tarvitsemaani koodia... Ajattelin jos sinä/joku voisi auttaa. Yritän siis saada koodia jolla saisin sivulleni salasanan, siis osion, jonne muut eivät pääse vain kuin tietämällä oikean salasanan... Toivottavasti joku ymmärsi ja voisi auttaa.

31.7.2007 16:37
lnzw dqhpoaxm <cvsrzeut@mail.com>

pidcgklhz swgx unqidtx tqeicjduz rqnpjlhig cqkwvopeb mars

23.1.2008 07:27
Karjalainen

Kuinka saan liikkuvan valikon, joka tulee mukana alas, kun sivua rullataan? Kiitoksia jos viitsitte vastata.

6.2.2008 09:37
jortsu69

hei saisko täält seuraa?? ;DD jokus söpiz nörtti tai jotn

6.2.2008 09:38
tyttö98

no siis saatha sä seuraa ;)


Mä oon joku ihku pissis joku sanoo näytä tissis ihan salee näytän, tilaisuuden hyväks käytän

6.2.2008 09:39
jortsu69

haittaaks jos se on 7 minuutin?? ;DD

6.2.2008 09:39
tyttö98

parempi vaan ;))) kolmen minutin on huonompi

6.2.2008 09:45
jortsu69 <jorma.com>

pistäkää meilii jos haluutte mällii ;DDD

6.2.2008 16:09
KB

mitä jos koko homma näkyy vaan koodina? siis se ei ei avaudu. mitä pitäs tehä. jokin ei nyt ei mee oikein...

25.2.2008 09:26
Anaali pete

Morooo... mitä siä on ruokana tänää?

25.2.2008 09:26
FOR THE HORDE <reku@hotmail.com>

forthehorde

25.2.2008 09:27
Anaali Anna <emt>

emtt, kai siä jotai keittoo on..

25.2.2008 09:28
Anaali pete

MUlla on keittoo pöksyissä

25.2.2008 09:29
Anaali Anna <emt>

makkarakeittoo, raakaaaa, iso11!!11!11

25.2.2008 09:29
Maiju

Voisitteko ystävällisesti lopettaa sen SHATTAILUN

25.2.2008 09:29
Anaali Anna

joo ei, saatanan rotta

25.2.2008 09:30
Maiju

Kyllä. Pidän rotista.

25.2.2008 09:31
Anaali Anna

jj.

25.2.2008 09:31
PERSEENREIKÄ

kk

25.2.2008 09:31
anna

jj

25.2.2008 09:32
anna

jj

16.3.2008 18:33
jasso-setä

Toivottavasti sivuston ylläpitäjä ei turhaudu vallan noista perseilijöistä ja peeloista ja lopeta sivustoaan, on meinaan pirskatin hyvä opas html:n maailmaan. pieksää 100-0 useimmat kirjastosta lainattavat html-teokset.

20.3.2008 15:31
tussu-hapero <lilian@inet.fi>

<html>Joo... Haperoita olin sienimetsässä katsomassa, mutta ei löytynyt - lieneekö kylmyys tai vuodenaika syy??? - Puolukoita tuli kaksi ämpäriä.</html>

17.4.2008 08:26
Nighty

Olen t'ysi tumpelo atk:ssa, enkä edes tajua miksi otin sen valinnaisaineeksi. Kuvittelin kai sen olevan kivaa. Nyt kun täällä tunnilla käydään html:lää olen pudonnut automaattisesti kärryiltä, eikä atk-opelta viitsi kysyä mitään niin ehkä voin opetella html:län täältä.

Lisää oma kommentti


Tatu Jaakkola
tatu@jaakkola.net
http://tatu.jaakkola.net/