Hypertext Markup Language (HTML) oferă posibilitatea de a împărți o pagină în mai multe ferestre - „cadre”. Fiecare dintre cadre poate avea propria sursă de internet de afișat. Acest mecanism poate fi utilizat pentru a insera pagini de pe alte site-uri în pagini de pe site-ul dvs.
Este necesar
Notepad cu editor de text
Instrucțiuni
Pasul 1
Codul HTML al unei pagini este un set de instrucțiuni pentru browser care indică unde pe pagină trebuie afișate fiecare dintre elementele sale și cum ar trebui să arate. Aceste instrucțiuni se numesc „etichete” și pentru a crea o pagină care conține una sau mai multe altele, trebuie să scrieți setul corespunzător de etichete. Începem cu etichetele care creează un container pentru toate cadrele de pe pagină:
Acestea sunt etichetele de deschidere și închidere ale containerului - etichetele care formează cadrele vor trebui plasate între ele. În HTML, etichetele au „atribute” - conțin informații suplimentare despre proprietățile elementului de pagină, a căror afișare specifică această etichetă. În eticheta de deschidere a containerului, trebuie să specificați un atribut care conține informații despre modul în care browserul ar trebui să împartă spațiul paginii între cadrele sale:
Atributul „cols” din acest eșantion de cod specifică faptul că pagina trebuie împărțită vertical în două cadre, cea stângă ocupând 20% din lățimea ferestrei și cea dreaptă 80%. Dacă în locul atributului „cols” specificați atributul „rânduri”, atunci pagina va fi împărțită orizontal:
În loc de un număr, puteți scrie un asterisc (*):
Aceasta va însemna că celui de-al doilea cadru i se va oferi tot spațiul rămas. Dimensiunile cadrelor pot fi specificate nu în procente, ci în unități de măsură care sunt cele mai des utilizate în aspectul paginii - în „pixeli”:
Pasul 2
Eticheta HTML a cadrului în sine, care trebuie plasată în container, este scrisă după cum urmează: Atributul „src” al etichetei „cadru” conține adresa paginii web pe care browserul ar trebui să o încarce în acest cadru. O adresă scrisă în acest fel se numește „absolută” - începe cu protocolul https://. Dar dacă aceasta este o pagină a propriului site și se află în același folder (sau subfolder), atunci nu trebuie să specificați adresa absolută, doar numele fișierului și calea către subfolder vor fi suficiente. O astfel de adresă se va numi „relativă”: - În mod implicit, marginile dintre cadrele din pagină pot fi mutate cu mouse-ul. Această caracteristică este dezactivată de atributul noresize: - Există două atribute care determină mărimea marginilor dintre cadre - marginheight setează marja verticală (sus și jos) și lățimea marginii - orizontal (dreapta și stânga): - Folosind un alt atribut - „derulare” - puteți spune browserului regulile pentru barele de derulare ale cadrului: valoarea „automată” specifică faptul că barele de derulare trebuie să apară după cum este necesar, adică atunci când conținutul nu se încadrează în cadru. Dacă setați valoarea la „da”, atunci acest cadru va avea întotdeauna bare de defilare, iar valoarea „nu”, dimpotrivă, împiedică afișarea barelor de defilare - Dacă paginile conținute în container funcționează cu orice script JavaScript care efectuați operații în cadre adiacente, poate fi necesar să se distingă cadrele după nume. Atributul care conține numele cadrului se numește nume:
Pasul 3
Aceste definiții HTML sunt suficiente pentru a crea o pagină simplă din mai multe pagini de pe alte site-uri. Pentru a face acest lucru, veți avea nevoie de orice editor de text, de exemplu, un Notepad standard. În el, creați un document nou și scrieți aceste etichete html:
Apoi salvați acest cod cu o extensie htm sau html - de exemplu, test.html. Totul este gata, dacă deschideți acest document cu un browser, rezultatul va arăta astfel:
Pasul 4
Există un alt tip de cadru - „plutitor”. Poate fi localizat în interiorul unei pagini obișnuite, nu împărțit în cadre. Un astfel de cadru are atribute suplimentare de lățime și înălțime care definesc dimensiunile acestuia. Codul acestei etichete poate arăta astfel:
