Hiperteksta iezīmēšanas valoda (HTML) nodrošina iespēju sadalīt lapu vairākos logos - "rāmjos". Katram no rāmjiem var būt savs interneta avots, ko parādīt. Šo mehānismu var izmantot, lai jūsu vietnes lapās ievietotu lapas no citām vietnēm.
Tas ir nepieciešams
Teksta redaktors Notepad
Instrukcijas
1. solis
Lapas HTML kods ir instrukciju kopa pārlūkprogrammai, kurā norādīts, kur lapā ir jāparāda katrs tās elements un kā tam jāizskatās. Šīs instrukcijas sauc par "tagiem", un, lai izveidotu lapu, kurā ir viens vai vairāki citi, jums jāuzraksta atbilstošs tagu komplekts. Mēs sākam ar tagiem, kas izveido konteineru visiem lapas rāmjiem:
Tie ir konteinera atvēršanas un aizvēršanas tagi - tie, kas veido rāmjus, būs jāievieto starp tiem. HTML formātā tagiem ir "atribūti" - tie satur papildu informāciju par lapas elementa īpašībām, kuru displejā ir norādīts šis tags. Konteinera sākuma tagā jānorāda atribūts, kas satur informāciju par to, kā pārlūkprogrammai jāsadala lapas telpa starp rāmjiem:
Atribūts "cols" šajā koda paraugā norāda, ka lapa vertikāli jāsadala divos rāmjos, kreisajai pusei aizņemot 20% no loga platuma, bet labajai - 80%. Ja atribūta "cols" vietā jūs norādāt atribūtu "rows", tad lapa tiks sadalīta horizontāli:
Skaitļa vietā varat ierakstīt zvaigznīti (*):
Tas nozīmēs, ka otrajam kadram tiks piešķirta visa atlikusī vieta. Kadru izmērus var norādīt nevis procentos, bet mērvienībās, kuras visbiežāk tiek izmantotas lapas izkārtojumā - "pikseļos":
2. solis
Pats rāmja HTML tags, kas jāievieto konteinerā, tiek rakstīts šādi: Taga "frame" atribūts "src" satur tās tīmekļa vietnes adresi, kuru pārlūkprogrammai vajadzētu ielādēt šajā rāmī. Šādi uzrakstītu adresi sauc par "absolūtu" - tā sākas ar protokolu https://. Bet, ja šī ir jūsu vietnes lapa un tā atrodas tajā pašā (vai apakšmapes) mapē, tad absolūtā adrese nav jānorāda, pietiks tikai ar faila nosaukumu un ceļu uz apakšmapi. Šādu adresi sauc par "relatīvu": - Robežas starp rāmjiem lapā pēc noklusējuma var pārvietot ar peli. Šo funkciju atspējo noresize atribūts: - Ir divi atribūti, kas nosaka piemales lielumu starp rāmjiem - marginheight iestata vertikālo piemali (augšā un apakšā) un marginwidth - horizontāli (pa labi un pa kreisi): - izmantojot citu atribūtu - "ritināšana" - pārlūkprogrammai varat pateikt noteikumus par rāmja ritjoslām: vērtība "auto" norāda, ka ritjoslām jāparādās pēc nepieciešamības, tas ir, kad saturs neietilpst rāmī. Ja jūs iestatāt vērtību "jā", tad šajā rāmī vienmēr būs ritināšanas joslas, un vērtība "nē", gluži pretēji, novērš ritināšanas joslu parādīšanu - ja konteinerā esošās lapas darbojas ar visiem JavaScript skriptiem, kas veiciet darbības blakus kadros, var būt nepieciešams atšķirt rāmjus pēc nosaukuma. Atribūtu, kas satur rāmja nosaukumu, sauc par nosaukumu:
3. solis
Šīs HTML definīcijas ir pietiekamas, lai izveidotu vienkāršu lapu no vairākām citu vietņu lapām. Lai to izdarītu, jums būs nepieciešams jebkurš teksta redaktors, piemēram, standarta Notepad. Tajā izveidojiet jaunu dokumentu un uzrakstiet šos html tagus:
Pēc tam saglabājiet šo kodu ar htm vai html paplašinājumu - piemēram, test.html. Viss ir gatavs. Ja atverat šo dokumentu ar pārlūku, rezultāts izskatīsies šādi:
4. solis
Ir vēl viens rāmja veids - "peldošs". To var atrast parastas lapas iekšpusē, nevis sadalīt rāmjos. Šādam rāmim ir papildu platuma un augstuma atribūti, kas nosaka tā izmērus. Šī taga kods var izskatīties šādi:
