HTML -Framekoodi ja miten se toimii

Frame-koodilla tarkoitetaan sivun kehyksiä. Yksinkertaista tapaa tehdä kotisivuille siisti ja toimiva ulkoasu.

Frame-koodi tehdään tagilla frameset, framesetin määritteellä cols tai rows, sen osilla, frame-tageilla ja niiden liitteillä.
Aloitamme tekemällä yksinkertaisen framekoodin esimerkin mukaan. Huomaa, ettei body-koodia tule ollenkaan. Ota uusi tiedosto ja tallenna se nimellä index.html

Tagi frameset antaa komennon kehysasetuksille ja sen liite cols jakaa sivun pystysuoraan. Colsissa olevat määritteet antavat ikkunoille niiden leveyden. Jos %-merkin ottaisi pois, luvut merkitsisivät pikseleitä. Rows-liite taas jakaisi sivun vaakasuuntaan.

Sivun index.html pitäisi nyt näyttää tältä:

Kuten huomaat, kehys on iso ja kaiken lisäksi liikuteltavissa. Se voidaan muuttaa frame-tagin liitteillä border ja noresize. Kuten kuvatiedostoissa, tässäkin voidaan laittaa määritteeksi border=0. Tehdään kuitenkin mieluummin kehyksestä hienon värinen lisäämällä liite bordercolor="". Liitteellä noresize taas estetään framen liikuttelu:

Tässä vaiheessa hyppäämme takaisin tiedostoon valikko, avaa se. Lisäämme valikon linkkeihin target-määritykset, jotta ne aukeaisivat siihen ikkunaan, jossa etusivu on, sen sijaan, että aukeavat valikon päälle. Targetin määritteeksi ei kuitenkaan laiteta "_blank" vaan sama määrite, mikä on etusivu-ikkunan name-liitteen määrite, eli "oikeasivu":

Päivitä valikko ja katso, toimiiko se nyt oikein: