Html-koodit

Tämän sivun ideana on päästää teidät html-koodejen alkeista perille. Useimmiten aloittelioiden on helppo aloittaa valmiista koodeista joita kopioimalla pääsevät alkuun. (Koodit ovat oranssilla) Laitan koodit tänne kuitenkin niin, että alatte itsekkin vähän päästä niistä perille, eli mihin tulee mitäkin laittaa, ja että osaatte jotenkin lukea koodeja itsekin. Esim. Jos haluatte tuollaisen tekstin mikä on täällä ylhäällä, se tulisi näin tänne:

<TABLE STYLE="filter:glow(color=väri englanniksi tai koodi, strength=luku 1-10)"><TR><TD><center>teksti</TABLE>

Noihin tummennettuihin ja kursivoituihin (jota ei oikein oranssista tekstistä huomaa. Yrittäkää itse etsiä kohdat, joita teidän täytyy muuttaa.)  kohtiin lisäätte vaihtoehtoisesti sen, minkälaisen tekstin tahdotte. Kumittakaa pois minun merkintäni."Väri englanniksi, tai koodi" kohtaan lisäätte joko sanan "red" (jos tahdotte saman kuin minulla, myös green, blue ja kaikki engalnnin värit käyvät) tai sitten jonkun punaista vastaavan koodin, eli vaikkapa: #FF2400. Tämä koodi tarkoittaa Puna-oranssia. "Strength" tarkoittaa tekstinne kokoa. "Teksti" kohtaan lisäätte haluamanne tekstin, kuten itse lisäsin "Html-koodit." Onko kaikille selvä?

Lisää sivullesi kuva:

<img src="kuvan URL">

(URL.in kuvasta saa näkyviin, kun painatte kuvaa oikealla hiiren näppäimellä ja menette ominaisuuksiin.)

Taustakuvan laitto:

<body background="taustakuvan URL">

Taustavärin laitto:

<body bgcolor="joku väri englanniksi tai värikoodi">

Linkki

<a href="linkin osoite">linkin nimi</a>

Kuvalinkki

<a href="linkin osoite"><img src="kuvan URL" border=0></a>

(Jos haluat kehyksen kuvaan, esim: border=1)

Yksinkertaiset koodit:

Jos haluat alleviivatun tekstin kirjoita teksti <u> ja </u> tagien väliin. Tässä tapauksessa "ja" sanasta tulisi alleviivattu.

Yliviivattu teksti tagien <s> ja </s> väliin.

Kursivoitu:   <i> tähän valiin </i>

Lihavoitu: <b>teksti tähän</b>

Varjostus teksti

Esimerkki

<TABLE STYLE="filter:shadow(color=väri englanniksi tai koodi)"><TR><TD><center>teksti tähän</TABLE>

Teksti taustavärillä:

Esimerkki

<span style=background:väri englanniksi tai koodi>teksti tähän</span>

Oikealle menevä teksti

Esimerkki

<marquee direction="right"> teksti tähän </marquee>

(Vasemmalle menevä teksti onnistuu, kun vaihdat direction:in kohdalle left)

Reunasta reunaan poukkoava teksti

Esimerkki

<marquee behavior= alternate> Teksti tähän </marquee>

Liikuva teksti taustavärillä

Esimerkki

<marquee scrolldelay=1 scrollamount=10 behavior=alternate bgcolor="joku väri englanniksi tai koodi"> Teksti tähän </marquee>

Alas päin menevä teksti

Esimerkki

<marquee direction="down"> <center> teksti tähän </center> </marquee>

Jos haluat ylös päin menevän tekstin, laita down:in siaan up.

Hiiren kohdalla nopeutuva teksti

Esimerkki

<marquee onMouseover="this.scrollAmount=jokin numero" onMouseout="this.scrollAmount=jokin numero">teksti tänne</marquee>

-Jos haluat tekstin nopeutuvan, laita ensimmäiseen "jokin numero" kohtaan suurempi numero, kuin seuraavaan, jos taas tahdot sen hidastuvan, laita pienempi numero ensin. Itse käytin numeroa 90 ensimmäiseen kohtaan, ja numeroa 10 seuraavaan.

Liikkuvaa tekstiä ja värejä yhdessä.

Mitäs tästä pidät?

<marquee bgcolor=teal width=15%> teksti tähän </marquee> <marquee bgcolor=purple width=15% direction=right> teksti tähän </marquee> <marquee bgcolor=blue width=15%> teksti tähän </marquee>

Tekstin lisäksi voit muuttaa värejä näissä kohdissa: "bgcolor= Mikätahansa väri englanniksi tai koodi" tai sitten leveyttä width= esim 15%. Suuntaa, "direction" voit vaihtaa kirjoittamalla right:in siaan left.

Listaa asiat palloilla

  • esim.1
  • esim.2
  • esim.3

    <li>teksti tähän<li>teksti tähän<li>teksti tähän

    Väriä vaihtava teksti

    <script language="JavaScript1.2">

     

    /*
    Neon Lights Text
    By Website Abstraction (    http://wsabstract.com)
    Over 400+ free scripts here!
    */

     

    var message="teksti tähän"
    var neonbasecolor="väri englanniksi tai koodi"
    var neontextcolor="väri englanniksi tai koodi"
    var flashspeed=100 //in milliseconds

     

    ///No need to edit below this line/////

     

    var n=0
    if (document.all){
    document.write(<font color="+neonbasecolor+">)
    for (m=0;m<message.length;m++)
    document.write(<span id="neonlight">+message.charAt(m)+</span>)
    document.write(</font>)

     

    //cache reference to neonlight array
    var tempref=document.all.neonlight
    }
    else
    document.write(message)

     

    function neon(){

     

    //Change all letters to base color
    if (n==0){
    for (m=0;m<message.length;m++)
    tempref[m].style.color=neonbasecolor
    }

     

    //cycle through and change individual letters to neon color
    tempref[n].style.color=neontextcolor

     

    if (n<tempref.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",1500)
    return
    }
    }

     

    function beginneon(){
    if (document.all)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()

     

     

     

    </script>

    -Tämä on yksi esimerkki, vaihtoehtoja on helpompiakin.

    Tälläisen viivan saat aikaan, kun käytät koodia <hr> (Tilnerottaja viiva)

    Olen jakanut Html-koodit erillisille sivuille sillä liialliset koodit yhdellä sivulla hidastavat sivun latautumista.