Rāmji HTML ir veids, kā sadalīt pārlūkprogrammas logu vairākās sadaļās, no kurām katra var ielādēt un parādīt citu HTML dokumentu. Šajā rakstā mēs redzēsim HTML rāmju praktiskos piemērus.

Lai gan tā izmantošana pēdējos gados ir samazinājusies, jo ir pieņemtas modernākas un elastīgākas metodes, piemēram, CSS un JavaScript joprojām ir atrodams dažās vietnēs, īpaši tajās, kas izveidotas 1990. gados un 90. gadu sākumā. ka 2000. gadā.

Kā rāmji vai rāmji darbojas HTML?

Rāmji sastāv no diviem elementiem:

1. Frameset: elements tiek izmantots, lai sadalītu pārlūkprogrammas logu taisnstūrveida sadaļās, no kurām katra var ielādēt savu HTML dokumentu.

2. rāmji: elements tiek izmantots a ietvaros lai definētu katru no atsevišķām sadaļām. Un tas nosūta, lai izsauktu kādu citu dokumentu, kas ir ielādēts kadru komplektā.

   instagram story viewer

• Sekojiet ar: iFrame piemēri

Kā izveidot rāmjus HTML

Lai izveidotu HTML dokumentu ar rāmjiem, veiciet divas ļoti vienkāršas darbības:

1. Izveidojiet HTML dokumentu, kas definē rāmju struktūru, izmantojot elementu. Piemēram:

1. fails: frameset.html

2. Izveidojiet vienu vai vairākus HTML dokumentus, kas jāielādē rāmjos.

2. fails: frame1.html

Šis ir 1. rāmis

3. fails: frame2.html

Šis ir 2. rāmis

Rāmja atribūti HTML

Daži no svarīgākajiem elementu atribūtiem ir:

• ritināšanu: Šis atribūts tiek izmantots, lai kontrolētu ritjoslu izskatu rāmī. Tam var būt vērtības "auto", "yes" vai "no".

• palielināt izmēru: Šis atribūts tiek izmantots, lai neļautu lietotājam mainīt rāmja izmērus.

• jamss: Šis atribūts tiek izmantots, lai piešķirtu kadram nosaukumu, kas var būt noderīgs, atsaucoties uz rāmi saitēs un skriptos.

• src: Šis atribūts tiek izmantots, lai norādītu rāmī ielādējamā HTML dokumenta URL.

• rāmja apmale: Šis atribūts norāda, vai rāmjiem ir jābūt apmalēm. Iespējamās vērtības ir "1" (lai parādītu apmales) vai "0" (lai nerādītu apmales). Piemēram, .

• robeža: Šis atribūts nosaka robežas platumu starp kadriem pikseļos. Piemēram, izveidos 5 pikseļu apmali starp kadriem.

• kadru atstarpes: Šis atribūts ir līdzīgs robeža. Tas arī nosaka atstarpi starp kadriem pikseļos. Piemēram, iestatīs 10 pikseļu atstarpi starp kadriem.

• apmales krāsa: Šis atribūts ļauj mainīt rāmju apmales krāsu. Var norādīt jebkuru derīgu krāsu. Piemēram, padarīs rāmju apmales sarkanu.

Lietošanas piemērs:

Kā izveidot saiti uz konkrētu rāmi

Mēs varam izveidot saiti atvērtu noteiktā rāmī, izmantojot atribūtu mērķis Etiķetē. Vērtība mērķis jābūt tādam pašam kā rāmja nosaukumam (jamss atribūts ). Piemēram:

sadaļā menu.html
1. lapa
2. lapa

Šādā gadījumā, noklikšķinot uz saites "1. lapa" vai "2. lapa" izvēlnes rāmī, tiks ielādēta atbilstošā lapa "satura" rāmī.

Kā salauzt rāmjus

Ja vēlaties, lai saite atvērtu lapu ārpus rāmju kopas (t.i., aizstātu visu kadru kopu), varat izmantot īpašo vērtību _tops par atribūtu mērķis. Piemēram:

sadaļā menu.html
iziet no rāmjiem

Noklikšķinot uz "Exit Frames", pārlūkprogramma ielādēs "pageOutofFrames.html" pilnajā logā, aizstājot kadru kopu.

Piemērs, kā sadalīt ekrānu divās kolonnās ar rāmjiem

Šajā piemērā ekrāns ir sadalīts divās vienāda izmēra kolonnās. Katra kolonna ielādē citu HTML lapu.

Piemērs, lai izveidotu navigācijas sānjoslu ar rāmjiem

Šajā piemērā tiek izveidota sānjosla, kas aizņem 25% no ekrāna un tiek izmantota navigācijai. Pārējā ekrāna daļa tiek izmantota, lai parādītu galveno saturu.

Piemērs ekrāna sadalīšanai rindās un kolonnās

Šis sarežģītākais piemērs sadala ekrānu četrās vienādās daļās. Katra sadaļa ielādē citu HTML lapu.

Augšējās navigācijas piemērs ar HTML rāmjiem

Izveidojiet failu, kas definē divus kadrus pēc kārtas. Divi faili, ko tas definē, ir: viens navigācijai (kas aizņem 20% no loga platuma) un otrs galvenajam saturam (kas aizņem pārējo loga platumu).

Pēc tam jums būs jāizveido faili "navigation.html" un "content.html". Piemēram, "navigation.html" varētu izskatīties šādi:

1. lapa

2. lapa

3. lapa


Un "saturs.html" varētu būt kaut kas līdzīgs šim:

Laipni lūdzam mūsu mājas lapā!

Šeit tiks parādīts navigācijā atlasītās lapas saturs.

Šādā gadījumā, noklikšķinot uz saites "navigation.html", atbilstošā lapa tiek ielādēta "satura" rāmī.