Sivuja: [1]   Siirry alas
Tulostusversio
Kirjoittaja Aihe: HyperText Markup Language  (Luettu 4289 kertaa)
0 jäsentä ja 1 vieras katselee tätä aihetta.
Blazer
Vieras
« : 07. 02. 2006 10:10 »

Html (HyperText Markup Language) on www:een (World Wide Web) sivunkuvausteksti.Ensimmäistä kertaa elämässäsi kun teet sivuja kannattaa käyttää aivan tavallista HTML-kieltä.Sitten voit alkaa siirtyä css:ssään yms.

Aloita
Html rakentuu tageista, jotka on laitettu < ja > merkkien sisään.Kun aloitat sivun tee näin.
1- Kirjoitat <HTML> , joka aloittaa aina sivut.
2- Sitten kirjoitat <HEAD> ja se aloittaa, että voit kirjoittaa titlen.
3- Kolmanneksi tulee <TITLE>, joka kertoo mitä vasemmassa ylänurkassa lukee.
4- Tähän kirjoitat sen titlen.
5- Nyt laitat </TITLE> , joka lopettaa sen titlen  Wink
6- Tässä vaiheessa kirjoitamme <BODY> , joka aloittaa sisällön.
7- Tähän on tarkoitus kirjoittaa sisälle tekstiä.
8- Ja nytten lopetat sisällön, kirjoittamalla </BODY>
9- Nyt lopuksi kirjoitat </HTML>, joka lopettaa sivun.
Koodia:
<HTML>
<HEAD>
<TITLE>SIVUSI</TITLE>
</HEAD>
<BODY>
TEKSTIÄ
</BODY>
<HTML>
Värit
Jotta saat paremmat/mukavammat sivut laitat värejä sivuillesi.Sivuilla joutuu käyttämään värikoodeja.
Värikoodeja
ORANSSI = orange - ff8000
MUSTA = black - 000000
VALKOINEN = white - ffffff
SININEN = blue - 0000ff
VIHREÄ = green - 008000
KELTAINEN = yellow - ffff00
HARMAA = grey - 808080
VIOLETTI = violet - ee80ee
PUNAINEN = red - ff0000
Voit myös itse tehdä erivärejä. Voit käyttää 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E ja F.

Tekstin muokkaus
Tekstiä voi muokata vaikka miten, mutta käytetyimmät ovat koon ja värin muuttaminen.
1- Voit tehdä otsikkoja koodilla esim. <H2>.Sallitut ovat <H1> ylöspäin.Pienempi on suurempi.
2- Väriä ja kokoa voit muokata näin.
Koodia:
<HTML>
<HEAD>
<TITLE>SIVUSI</TITLE>
</HEAD>
<BODY bgcolor="värisi" text="värisi" fontsize="koko">
TEKSTIÄ
</BODY>
<HTML>

Kuvat
Kuvat voi olla monessa muodossa. gif , bmp ja muitakin on.
1- Kaikkein helppoin on <IMG SRC="kuva.gif"> , mutta tämä edellyttää, että kuva on samassa kansiossa.
2- <IMG SRC="kuva.gif"> voi laittaa myös linkin johonkin esim. googlen kuvaan, jolloin siinä nykyy sama kuva.
3- Kuvan voi laittaa johonkin tarkkaan sijaintiin kirjoittamalla <img align="sijainti" src="sunkuva.gif">
Kuvat on niin helppoja, ettei siitä sitten enempää.

Linkit
Linkit ovat niitä, jotka vievät toiselle sivulle kun niitä painaa
1- <A HREF="http://sivut.com/">sivun kuvaus</A> tämä on tavallisin jossa kerrotaan samalla sivusi nimen.
2- Jos haluat muokata linkkien väriä laita <BODY> sisään näin vaikka - LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb" -.Eli koodi kokonaisuudessaan on <BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb">
3- Jos haluat sähköpostiisi linkin laita sisältöön näin.<A HREF="mailto:sähköpostiosoitteesi">Kuvaus</A>

 
« Viimeksi muokattu: 07. 02. 2006 11:11 Kirjoittanut Blazer » tallennettu
sourtarget
Vieras
« Vastaus #1 : 07. 02. 2006 14:02 »

Blazr, hankippa uusi käyttäjätili! Älä kirjaudu sisään koko ajan vieraana!
tallennettu
Blazer
Moderaattori
Pioneeri
*****
Poissa Poissa

Viestejä: 613


Profiili Sähköposti
« Vastaus #2 : 07. 02. 2006 15:03 »

Joo joo ..

Nyt tyytyväinen ? Cheesy Ja kiitos kehuista  Tongue
« Viimeksi muokattu: 07. 02. 2006 15:03 Kirjoittanut Blazer » tallennettu
hemi
ADMIN
Ylläpitäjä
Legenda
*****
Poissa Poissa

Viestejä: 1371


hemi609@hotmail.com
Profiili WWW
« Vastaus #3 : 07. 02. 2006 16:04 »

Todella hyvä  Wink
Eipäs itellä tarttenu tehä tommosta vaikka aattelin tehä uuden html oppaan.. (huh!)  Smiley
tallennettu

.:Ylläpito:.
•[S]p€€d®unn€® •™
Rivijäsen
**
Poissa Poissa

Viestejä: 213


Jos tiedät mitä teet, niin hyvä näin

Krisutin94@hotmail.com
Profiili Sähköposti
« Vastaus #4 : 03. 06. 2006 14:02 »

Kiitos! Enpäs muistanut tuota title jutskaa ollenkaan...
tallennettu

Blazer
Moderaattori
Pioneeri
*****
Poissa Poissa

Viestejä: 613


Profiili Sähköposti
« Vastaus #5 : 04. 06. 2006 23:11 »

Kiitos! Enpäs muistanut tuota title jutskaa ollenkaan...

Heh, en minäkään sitä muistanut ennen kuin tein tämän oppaan  Grin
tallennettu
Teippio
Alottelija
*
Poissa Poissa

Viestejä: 6


Profiili
« Vastaus #6 : 23. 09. 2006 15:03 »

Minäkin jään joskus miettimään että oliko se tittle vai title.. Tästä on paljon apua vasta alkaneille (itse osaa jotenkin mutten ole mestari Tongue)
tallennettu
GoldenDragon
V.I.P.
Pioneeri
*****
Poissa Poissa

Viestejä: 474


The omnipotent GoldenDragon

goldendragonmaster@gmail.com
Profiili WWW Sähköposti
« Vastaus #7 : 23. 09. 2006 17:05 »

Nyt harmittaa vielä enemmäb, että Crystalin sählätessä fooruminsa tietokantojen kanssa, katosi minun xhtml-oppaani.
Se olisi avittanut tästä eteenpäin. Aloittelijoille kuitenkin tiedoksi, että on hyvä käyttää DOCTYPEÄ kirjoittaessaan HTML-dokumenttia. DOCTYPE:stä ja muusta voitte lukea lisää osoitteesta: http://www.w3schools.com/
tallennettu







tape//
Vakiojäsen
***
Poissa Poissa

Viestejä: 272

Olipa kerran Pekka jonka yli aijoi Rekka.

aappo_@hotmail.com
Profiili Sähköposti
« Vastaus #8 : 13. 12. 2006 18:06 »

hyvähän tuo opas on niin huonomillekkin webmastereille : = )  Roll Eyes
tallennettu

- http://villeleino.dy.fi  - Ville Leinon Fanisivut -
Boten
Alottelija
*
Poissa Poissa

Viestejä: 66



Profiili
« Vastaus #9 : 01. 01. 2007 18:06 »

Eh. thumbsup1 Osasin kyllä jo HTML:ää.. Opin jo vuonna kakka ja pissa. Undecided
tallennettu


Kiitokset yhdelle henkilölle
mAd-
Vakiojäsen
***
Poissa Poissa

Viestejä: 254


.!. d[^^]b .!.

coca-coala93@hotmail.com
Profiili WWW Sähköposti
« Vastaus #10 : 01. 01. 2008 01:01 »

Eh. thumbsup1 Osasin kyllä jo HTML:ää.. Opin jo vuonna kakka ja pissa. Undecided

Vuosi on kulunut, anteeksi kun nostan tätä nyt, mutta minusta tuntuu ettet osaa HTMLää vieläkään kunnolla. =)
 Loistava opas vasta-aloittelijoille, itse ainakin luin mielelläni tätä.
tallennettu

http://mad.servut.us/win/192.html  - Katso ja ihmettele.
Blazer
Moderaattori
Pioneeri
*****
Poissa Poissa

Viestejä: 613


Profiili Sähköposti
« Vastaus #11 : 01. 01. 2008 04:04 »

Vuosi on kulunut, anteeksi kun nostan tätä nyt, mutta minusta tuntuu ettet osaa HTMLää vieläkään kunnolla. =)
 Loistava opas vasta-aloittelijoille, itse ainakin luin mielelläni tätä.

Juu tosiaan.. Ei viitsitä nostaa näitä. Näin jälkeenpäin (vuosi tai kaksi) kun katson tekemiäni oppaita ja arvosteluja oikeen nolottaa lukea niitä Cheesy Myös mielipiteet muuttuneet vuosien varrella... Sen takia ei viitsitä näitä turhaan nostaa  Roll Eyes Siis nyt kun porukka taas tulee näitä kattelee  Embarrassed

tallennettu
Sivuja: [1]   Siirry ylös
Tulostusversio
Siirry: