Hoe Om 'n Bladsy Binne 'n Bladsy Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Bladsy Binne 'n Bladsy Te Maak
Hoe Om 'n Bladsy Binne 'n Bladsy Te Maak

Video: Hoe Om 'n Bladsy Binne 'n Bladsy Te Maak

Video: Hoe Om 'n Bladsy Binne 'n Bladsy Te Maak
Video: HOE SCHOON EEN VAATWASSER?!! 2024, November
Anonim

Hypertext Markup Language (HTML) bied die vermoë om 'n bladsy in verskeie vensters te verdeel - 'rame'. Elke rame kan sy eie internetbron hê om te vertoon. Hierdie meganisme kan gebruik word om bladsye van ander webwerwe in bladsye van u werf in te voeg.

Hoe om 'n bladsy binne 'n bladsy te maak
Hoe om 'n bladsy binne 'n bladsy te maak

Dit is nodig

Teksredakteur Notepad

Instruksies

Stap 1

Die HTML-kode van 'n bladsy is 'n stel instruksies vir die blaaier wat aandui waar op die bladsy elkeen van die elemente moet vertoon en hoe dit moet lyk. Hierdie instruksies word "tags" genoem en om 'n bladsy te skep wat een of meer ander bevat, moet u die toepaslike stel etikette skryf. Ons begin met die etikette wat 'n houer skep vir al die rame op die bladsy:

Dit is die oopmaak- en sluitmarkering van die houer - die etikette wat die rame vorm, moet tussen hulle geplaas word. In HTML het etikette "attribute" - dit bevat addisionele inligting oor die eienskappe van die bladsy-element, waarvan die merker hierdie weergawe spesifiseer. In die aanvangsplaatjie van die houer moet u 'n kenmerk spesifiseer wat inligting bevat oor hoe die blaaier die bladsyspasie tussen sy raamwerke moet verdeel:

Die kenmerk "cols" in hierdie kode-voorbeeld gee aan dat die bladsy vertikaal in twee rame moet verdeel word, met die linker 20% van die vensterwydte en die regte 80%. As u die kenmerk "rye" in plaas van die kenmerk "cols" spesifiseer, dan sal die bladsy horisontaal verdeel word:

In plaas van 'n nommer kan u 'n sterretjie (*) skryf:

Dit sal beteken dat die tweede raam al die oorblywende spasie kry. Raamgroottes kan nie in persentasies nie, maar in meeteenhede gespesifiseer word wat die meeste in die bladsyuitleg gebruik word - in "pixels":

Stap 2

Die HTML-tag van die raam self, wat in die houer moet geplaas word, word as volg geskryf: Die "src" -kenmerk van die tag "frame" bevat die adres van die webblad wat die blaaier in hierdie raam moet laai. 'N Adres wat so geskryf word, word' absoluut 'genoem - dit begin met die https:// protokol. Maar as dit 'n bladsy van u eie webwerf is en dit in dieselfde (of submap) -map lê, hoef u nie die absolute adres te spesifiseer nie; slegs die lêernaam en die pad na die submap is voldoende. So 'n adres word "relatief" genoem: - Rande tussen rame op die bladsy kan standaard met die muis geskuif word. Hierdie kenmerk is uitgeskakel deur die noresize-attribuut: - Daar is twee eienskappe wat die grootte van die marges tussen rame bepaal - marginheight stel die vertikale marge (bo en onder), en die marginwidth - horisontaal (regs en links): - Gebruik 'n ander attribuut - "blaai" - u kan die blaaier die reëls vir die skuifbalke van die raam vertel: Die "outo" -waarde spesifiseer dat die skuifbalke na behoefte moet verskyn, dit wil sê wanneer die inhoud nie binne die raam pas nie. As u die waarde op "ja" stel, sal hierdie raam altyd skuifbalkies hê, en die waarde "nee", inteendeel, verhoed die vertoon van skuifbalkies - as die bladsye in die houer met JavaScript-skrifte werk bewerkings in aangrensende rame kan uitvoer, kan dit nodig wees om rame op naam te onderskei. Die kenmerk wat die naam van die raam bevat, word naam genoem:

Stap 3

Hierdie HTML-definisies is voldoende om 'n eenvoudige bladsy te skep vanaf verskillende bladsye van ander webwerwe. Om dit te doen, het u 'n teksversorger nodig, byvoorbeeld 'n standaard notaboek. Skep daarin 'n nuwe dokument en skryf die volgende HTML-tags:

Stoor hierdie kode dan met 'n htm- of html-uitbreiding - byvoorbeeld test.html. Alles is gereed, as u hierdie dokument met 'n blaaier oopmaak, sal die resultaat so lyk:

Tweeraam-bladsy
Tweeraam-bladsy

Stap 4

Daar is 'n ander soort raam - "swaai". Dit kan binne 'n gewone bladsy geleë wees, nie in rame verdeel word nie. So 'n raam het addisionele breedte- en hoogte-eienskappe wat die afmetings daarvan definieer. Die kode van hierdie tag kan so lyk:

Aanbeveel: