Împărțirea ferestrei browserului în cadre

Atributele coloane și rânduri definesc aspectul cadrelor din fereastra browserului. Coloanele sunt folosite pentru a împărți fereastra vertical în două sau mai multe cadre, iar rândurile - pentru a împărți fereastra orizontală în două sau mai multe cadre. etichetă poate defini coli și rânduri.

Atributul Cols specifică numărul și lățimea cadrelor ca procent din lățimea ferestrei browserului sau ca un anumit număr de pixeli lățime. Rândurile determină numărul și înălțimea cadrelor ca procent din înălțimea ferestrei browserului sau ca un anumit număr de pixeli în înălțime. Este de obicei mai bine să utilizați procentele pentru a exprima dimensiunile cadrelor, deoarece acestea rămân proporționale atunci când utilizatorul modifică dimensiunea ferestrei browserului.

Exemplul 1. Împărțirea unei ferestre în două cadre pe verticală:

Browserul dvs. nu acceptă cadre

Fiecare fereastră de cadru care este formată în interiorul ferestrei principale (pagina web sau fereastra de aplicație) este creată utilizând un element cadru separat. Eticheta Cadru este unică și în aceasta specificăm calea către documentul care va fi încărcat în această fereastră cadru.

Cel de-al treilea element al structurii cadru este Noframes. Eticheta Noframes este o pereche și vă permite să scrieți text interior care va fi procesat de browser și afișat pe pagina web numai dacă browserul nu acceptă cadre. De exemplu, dacă utilizați un browser pentru dispozitive mobile.

În eticheta Noframes se adaugă nu numai informații despre incapacitatea de procesare a cadrelor, ci și capacitatea de a accesa alte pagini în care puteți continua să lucrați fără a utiliza structuri de cadre.

Valorile atributelor Cols și Rows Html ale etichetei Frameset sunt numere separate printr-o virgulă fără spații. Aceste numere specifică proporțiile cadrelor care rezultă din rezultat. Câte numere vor fi scrise separate prin virgule în atributul Cols sau în atributul Rows, vor exista cât mai multe cadre.

Un exemplu de împărțire a unei ferestre în trei cadre verticale în raportul 2: 5: 3.

Câte cadre sunt formate, deoarece multe elemente Frame sunt introduse între eticheta Frameset de deschidere și închidere, trei elemente Frame chiar fără a specifica atribute suplimentare:

Structura cadru descrisă va arăta astfel:

A treia variantă a divizării proporționale a spațiului pentru cadre este introdusă printr-un asterisc "*" sau un asterisc cu o figură în față, de exemplu, "5 *" (pentru cinci cadre egale).

Înălțimea primei linii este de 200 de pixeli, a doua linie - 500 de pixeli, iar a treia linie a ferestrei cadru va ocupa tot spațiul rămas în înălțime. deoarece mărimea sa a fost folosită "*".

Aruncați o privire la voi, ce se întâmplă dacă folosiți valoarea "*" cu o cifră pentru împărțirea în proporție:

Sarcina 1. Descrieți dimensiunea cadrelor rezultate.

Puteți combina modurile de a specifica dimensiunea ferestrelor de cadru într-un atribut:

Ca rezultat, vom obține prima coloană a cadrului în zece procente din lățimea totală a zonei disponibile, al doilea - 100 pixeli, iar cele trei cadre de coloane rămase vor avea o lățime în proporțiile patru, trei și două noimi ale spațiului rămas în lățime. Deci, aici totul este simplu și evident.

Dacă doriți să împărțiți ferestrele principale nu numai în cadre orizontale și verticale, ci, de exemplu, în combinațiile lor, puteți utiliza structura elementului Frameset imbricată separat pentru coloane și separat pentru cadrele cu cadre.

Vom împărți vertical spațiul disponibil în două coloane "frameset cols =" 20%, 80% "" și setați eticheta "frame" la conținutul coloanei din dreapta, dar în loc să adăugați elementul "cadru" pentru coloana din stânga, noi deschiderea unui nou element de „rânduri frameset =“ 10% * „“, și deja folosind o coloană despicate mâna dreaptă în două rânduri cu cadre ale căror conținuturi sunt specificate folosind două «ramă» tag apoi se închide ambele «frameuri» container.

Deci, folosind elementul Frameset și atributele Cols și Rows, se creează o structură de cadru și sunt definite dimensiunile.

Trimiteți-le prietenilor: