HTML-i raamid on viis brauseriakna jagamiseks mitmeks osaks, millest igaüks saab laadida ja kuvada erineva HTML-dokumendi. Selles artiklis näeme praktilisi näiteid raamidest HTML-is.

Kuigi selle kasutamine on viimastel aastatel vähenenud tänu kaasaegsemate ja paindlikumate tehnikate kasutuselevõtule, nagu CSS ja JavaScripti võib endiselt leida mõnelt veebisaidilt, eriti neil, mis loodi 1990ndatel ja 1990ndate alguses. oma 2000.

Kuidas raamid või raamid HTML-is töötavad?

Raamid koosnevad kahest elemendist:

1. Raamikomplekt: element kasutatakse brauseriakna jagamiseks ristkülikukujulisteks osadeks, millest igaüks saab laadida oma HTML-dokumendi.

2. raamid: element kasutatakse a piires iga üksiku jaotise määratlemiseks. Ja see saadab helistama mõnele muule raamikomplekti laaditud dokumendile.

• Järgige: iFrame'i näited

Kuidas HTML-is raame teha

Raamidega HTML-dokumendi loomiseks järgi kahte väga lihtsat sammu:

1. Looge HTML-dokument, mis määratleb elemendi abil raamide struktuuri. Näiteks:

Fail 1: frameset.html

2. Looge üks või mitu HTML-dokumenti, mis laaditakse raamidesse.

Fail 2: frame1.html

See on raam 1

Fail 3: frame2.html

See on raam 2

Raami atribuudid HTML-is

Mõned kõige olulisemad elemendi atribuudid on:

• kerimine: Seda atribuuti kasutatakse kerimisribade väljanägemise juhtimiseks raamis. Sellel võivad olla väärtused "auto", "jah" või "ei".

• suurust suurendada: Seda atribuuti kasutatakse selleks, et takistada kasutajal raami suurust muutmast.

• jamss: Seda atribuuti kasutatakse raamile nime andmiseks, mis võib olla kasulik raamile viitamiseks linkides ja skriptides.

• src: Seda atribuuti kasutatakse raami laaditava HTML-dokumendi URL-i määramiseks.

• raamipiir: See atribuut määrab, kas raamidel peavad olema äärised või mitte. Võimalikud väärtused on "1" (piirete näitamiseks) või "0" (piirete puudumiseks). Näiteks, .

• piir: See atribuut määrab raamide vahelise piiri laiuse pikslites. Näiteks, loob raamide vahele 5 piksli suuruse äärise.

• raamivahe: see atribuut on sarnane piir. See määrab ka kaadritevahelise ruumi pikslites. Näiteks, seab kaadrite vahele 10 piksli vahe.

• piirivärv: see atribuut võimaldab muuta raamide ääriste värvi. Määrata saab mis tahes kehtiva värvi. Näiteks, muudab raamide ääre punaseks.

Kasutusnäide:

Kuidas linkida konkreetse raamiga

Saame lingi avada konkreetses raamis atribuudi abil sihtmärk Sildis. Väärtus sihtmärk peaks olema sama mis raami nimi (jamss atribuut ). Näiteks:

menüüs menu.html
1. lehekülg
2. lehekülg

Sel juhul klõpsates menüüraamis linke "Lehekülg 1" või "Lehekülg 2", laaditakse vastav leht "sisu" raami.

Kuidas raame murda

Kui soovite, et link avab lehe väljaspool raamikomplekti (st asendab kogu raamikomplekti), võite kasutada eriväärtust _ülemine atribuudi jaoks sihtmärk. Näiteks:

menüüs menu.html
raamidest välja minema

Kui klõpsate "Exit Frames", laadib brauser täisaknas "pageOutofFrames.html", asendades raamikomplekti.

Näide ekraani jagamiseks kaheks raamidega veeruks

See näide jagab ekraani kaheks võrdse suurusega veergu. Iga veerg laadib erineva HTML-lehe.

Näide raamidega navigeerimise külgriba loomisest

See näide loob külgriba, mis võtab enda alla 25% ekraanist ja mida kasutatakse navigeerimiseks. Ülejäänud ekraaniosa kasutatakse põhisisu kuvamiseks.

Näide ekraani jagamiseks ridadeks ja veergudeks

See keerulisem näide jagab ekraani neljaks võrdseks osaks. Iga jaotis laadib erineva HTML-lehe.

Näide ülemisest navigeerimisest HTML-raamidega

Looge fail, mis määratleb kaks järjestikust kaadrit. Kaks faili, mida see määratleb, on järgmised: üks navigeerimiseks (mis võtab 20% akna laiusest) ja teine ​​põhisisu jaoks (mis võtab ülejäänud akna laiuse).

Järgmiseks peate looma failid "navigation.html" ja "content.html". Näiteks "navigation.html" võib välja näha selline:

1. lehekülg

2. lehekülg

3. lk


Ja "content.html" võiks olla midagi sellist:

Tere tulemast meie kodulehele!

Siin kuvatakse navigeerimismenüüs valitud lehe sisu.

Sellisel juhul laaditakse "navigation.html" lingil klõpsates vastav leht "sisu" raami.