sivut.web

ohjeita web-sivuston tekijälle

HTML-opas: Dokumentti

HTML-dokumentti rakentuu ns. tageista (tags). Ne ovat suljettu <- ja >-merkkien sisään, esimerkiksi <tagi>. Näiden väliin jää usein englannista johdettu kirjainyhdistelmä. Joskus yhden tagin sisältöä tarkennetaan antamalla sille attribuutteja, eli tarkentimia. Nämä sijoitetaan ennen >-merkkiä, välilyönnillä erotettuna. Muoto on esimerkiksi <tagi attribuutti="arvo">

Varsin yksinkertainen, HTML-dokumentin rakennetta hyvin kuvaava dokumentti on seuraavanlainen:

  <HTML>
  <HEAD>
  <TITLE>My first HTML-document</TITLE>
  </HEAD>
  <BODY>
  Hello world!
  </BODY>
  </HTML>

Tämä koodinpätkä näyttää seuraavalta selaimessa:

esimerkit/first.html

Seuraava sivu: Dokumentin rakenne.

Käyttäjien kommentit

14.3.2003 10:59
Teija <temari@www.fi>

Yritän vääntää kotisivua ja osaanhan toki naputella komentoja ja sisältöä koneelle mutta kuinka saan tämän näkymän koneelleni, en ymmarra mikä laitetaan tiedosto nimeksi ja tallennus muodoksi ja mitä sitten teen? Apuaaa...

14.3.2003 15:59
Juha-Pekka Järvenpää <jp@sivut.org>

Anna tiedostolle nimeksi esimerkiksi omasivu.html. Avaa sitten tämä tiedosto selaimella omalta koneeltasi.

Tallennusmuoto on tavallinen tekstitiedosto (voi löytyä nimikkeiden "vain teksti" tai "text only" alta). Tarkista, että tiedoston pääte on .html.

9.5.2003 20:00
tomppa

tai tiedosto.htm

24.8.2004 15:56
pentti

kun teen omasivu.html:n ja avaan sen selaimessa tiedosto on silti edelleen. omasivu.html.txt mikä neuvoksi ?

19.6.2005 00:20
larua <romanzzi@luukku.com>

yritän saada linkkejä nettisivuilleni.. mikä on linkin tagi?

20.7.2005 13:00
Jani

Tää on ihan mahtava sivu opein hetkessä luomaan html tiedostoja ja sivuja kiitos tekijälle.

15.9.2005 19:34
Jape

.htm on vain windows-palvelinten alkujaan käyttämä tapa, koska windowsissa ei wanhastaa voinut tiedostotunnisteessa olla kuin kolme merkkiä. Parempi opetella heti käyttämään 'oikeaa' .html -päätettä vaikka .htm useimmiten toimiikin, koska unix/linux puolella on myös tämä käytäntö yleisesti hyväksytty.

15.9.2005 19:39
jape

Teija:

Mikäli dokumenttisi ei avaudu selaimeesi kaksoisnapauttamalla sitä, nii voit avata sen selaimeen myös selaimen 'File/Tiedosto' valikosta 'Open.../Avaa...' kohdasta.

Mikäli sinulla ei ole mitääv HTML:n editointiin tarkoitettua työkalua on koodin kirjoittamiseen (windows) soveltuvin työkalu 'Notepad/Muistio'.

1.12.2005 12:55
Marzuliina <pöö@hotti.com>

kröhöm.... minkälainen sen tiedoston nimi pitää olla?? pitääkö se olla joku mun kotisivut ja .html perään???

6.2.2006 00:23
Joonas <joonas1991@hotmail.com>

Kun Laitan noi koodit, ja katon selaimella se van näyttää ne koodit.

Ja selaimella toimii mozilla firefox

13.3.2006 18:33
hege

voikon sitä omaa koodia katsella ilman palvelinta graafisena? jos voi niin miten kitooos :D

18.4.2006 21:27
Petri <petri_199@suomi24.fi>

Mihin tuota </head> tagia tarvitsee?

26.6.2006 21:08
asdf

Hege, jos nyt ymmärsin mitä tarkoitat niin, tallenna koodisi *html päätteellä eli: sivut.html
Niin voit katsella sivujesi toiminnalisuutta, ulkonäköä tms. omalla selaimellasi.

6.7.2006 18:13
Seppo36

Mikä on selain?

6.7.2006 18:17
ville 21v

pitääkö jokaisen tagin jälkeen painaa enteriä?

7.7.2006 12:25
Silveri

sinulle,joka kysyi selaimesta:Selain on netin selaus-semmonen juttu.Esimerkiksi IE,Opera,Netscape,Firefox ja k-meleon,sekä safari ovat selaimia.

10.11.2006 08:26
dfdfd <janin@jippii.fi>

haistakaa paska kun ette vastaa kyssäreihin

2.12.2006 17:02
jokuvaan

mie vaan sitä, että saako omille sivuille jonkun osoitteen? siis jonkun lyhyemmän..voiko sitä edes itse päättää? sori ku oon tyhmä.

7.12.2006 04:29
Tupla

Jokuvaan: Kyllä, jos tarkoitat domain nimeä voit hankkia semmoisen, mutta kunnolliset domain nimet maksavat. Katso asiasta esim. googlettamalla: domain names, tai domain nimet.

29.12.2006 19:28
Kuju

dfdfd:lle: Mitä sinä olet kysynyt? Elä haistattele syyttä. Kiitos

19.1.2007 16:35
juppi <soomipooka_lol@hotmail.com>

mites ku mun netti sivun toi nimi on file://localhost/C://Omat%20tiedostot/kotisivut/AnimeComeHome.html jotain tommosta niin miten sen saan sit vaik www.AnimeComeHome.html tai tommotteks??

27.1.2007 16:57
nikke <frostburn86@walla.com>

Sinun pitää hankkia domain joltain sellaisen tarjoajalta ja ladata tuotoksesi sinne. Domainit yleensä maksavat jonkin verran..

23.5.2007 15:32
Täysin aloittelia <gameplanet_z@hotmail.com>

olen nyt halunnut tehdä omat kotisivut ja tiedän suunilleen mitä pitää kirjoittaa mutta mihin mä kirjotan oi kaikki "koodit" ja sitten kun oon tehny niin miten saan sen näkymään netissä???

14.7.2007 13:20
auttava

Esim:
Jos haluat varmistaa onko koodit oikein avaa muistio/notepad. Pistä esim: Pääsivun koodi ja tallenna se ja pistä nimeksi:index.html
niin näet miltä se näyttäisi kun avaat sen!
Jos haluat koodit nettiin niin eti palvelin jossa on html muokkaaja. Esimerkiksi tripod ja geocities.
avaa notepad ja avaa näin: avaa-> mene kansioon johon olet tallentanut koodit ja pistä kaikki tiedosto ja avaa esim:index. Kopioi koodi ja liitä html paikkaan ja save/tallenna.

23.1.2008 07:28
Karjalainen

Kuinka saan sivuilleni valikon, joka tulee mukana kun sivua rullataan alas päin?

15.2.2008 08:35
pertti

lol

22.2.2008 09:15
filthy <@okl>

moi moi kaikki kivekset laskeutu eilen

28.2.2008 09:40
NO LIFEW

Voisiko joku kertoa että kuinka tietokone sammutetaan?

23.4.2008 09:04
y8o7

78o78o8o78oooo

18.5.2008 14:10
Pena

Ei vittu voi olla joku näin urpo..

mun mummokin koodaa paremmin!

25.8.2008 17:32
Minä <joonas.rouhiainen@luukku.vom>

Aloittelijoille suosittelen kyllä Freewebsiä jos ei osaa koodata lainkaan tai ymmärrä tuosta tekstistä tavuakaan.

Lisää oma kommentti

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