sivut.web

ohjeita web-sivuston tekijälle

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?

12.2.2009 19:54
lollero

tein kaiken tonmukaan mut ongelma on siin että vaikka mihin muotoon yritän tallentaa ja millä selaimella yritän avata aina näkyy koko teksti käytän muistiota ja yritin avata sit google chromella firefoxilla ja explorerilla

30.10.2009 15:45
Erin

Uh oh, kuinka täällä on helppoa tietoa. Mua vaan häiritsee yksi kysymys: Miten aloitan ITSE kotisivun koodaamisen? Alkaako se vain tuolla <HTML> koodilla ja sen jälkeen nuo <boby>:t?

16.5.2010 18:07
gfgfgfg

Tässä kaikille ketkä eivät osaa. Tallenna tiedosto nimellä index.htm(l). Sitten mene tiedostosijaintiin ja avaa sovelluksessa (web-selain).

30.10.2010 12:28
va <v.anttila@hotmail.com>

tein kaiken mielestäni ohjeiden mukaan mutta kun yritän avata selaimella, niin se näyttää koodeina

mitäköhän piäisi yrittää???

19.1.2011 12:33
Tylsää <kamut_zero@hotmail.com>

Tylsää täällä ATK tunnilla Wirzenius riehuu ja Rämö on kännissä.

21.2.2011 14:32
Aapo

Mika ja Juho on outoja.

21.2.2011 14:33
Raili

h

27.4.2012 09:35
MUNATONHOMOHUORA

perserrrerhuoraviiiitttuiuuuh äijjöööTÖÖTTTÖÖTPASKAPASKAHOMOMOLEESFGLOLOLKIKKELIIIII
PASKA
PERSE PASKFG

Lisää oma kommentti


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