Pentru a afișa informații din mai multe surse pe o singură pagină, este adesea utilizat mecanismul de divizare a paginii HTML. Mai jos este o descriere a structurilor de limbaj pentru inserarea cadrelor.
Necesar
Cunoștințe de bază în HTML
Instrucțiuni
Pasul 1
HyperText Markup Language (HTML) oferă două tipuri de cadre. Flotarea este mai flexibilă și mai ușor de inserat într-o pagină existentă. În general, construcția care descrie un cadru de fereastră folosind un cadru plutitor arată astfel: Aici, pagina principală a unui site existent este specificată ca sursă de date pentru acest cadru (atribut src). Acesta va fi deschis într-un cadru de 400 x 300 pixeli, după cum se specifică în atributele de lățime și înălțime. De asemenea, puteți specifica pagina site-ului dvs. în atributul src. În acest caz, este suficient să specificați o adresă relativă (adică adresa relativă la pagina în care este inserat cadrul): În acest eșantion, lățimea și înălțimea cadrului nu sunt specificate, dar există un id atribut-identificator. Folosindu-l, puteți utiliza CSS () pentru a seta dimensiunile necesare pentru acest cadru:
#frameOne {width: 700px; înălțime: 200 px;}
Pasul 2
Un alt tip de cadre - „clasic” - necesită o pagină separată, care va conține o descriere a structurii cadrului. Cadrele în sine vor fi pe pagini separate, poate chiar pe site-uri separate. Codul HTML pentru o astfel de pagină de container de cadre ar putea arăta astfel:
Nu ar trebui să existe blocuri … și … necesare pentru paginile obișnuite. În acest exemplu, eticheta de deschidere a containerului conține un atribut rânduri, ceea ce înseamnă că spațiul paginii ar trebui să fie împărțit vertical și partea de sus va fi dată primului cadru. Dacă înlocuiți rândurile cu cols, atunci diviziunea va fi orizontală. Valoarea acestui atribut „*, *” indică faptul că proporțiile împărțite sunt egale - 50% fiecare. Dacă specificați, de exemplu, „20%, *”, atunci doar 20% va fi acordat primului cadru, iar restul spațiului în al doilea. Utilizatorul poate modifica aceste proporții trăgând marginile cadrelor cu mouse-ul, dar este posibil să dezactivați această acțiune. Pentru a face acest lucru, adăugați atributul noresize la eticheta unui anumit cadru. De asemenea, puteți specifica dimensiunea indentărilor verticale și orizontale din cadrul adiacent (atributele lățimii marginii și ale înălțimii marginii): Este posibil să setați regulile de comportament pentru barele de derulare ale fiecărui cadru separat. Pentru aceasta, se utilizează atributul de derulare, care poate conține una dintre cele trei valori predefinite. Dacă este specificat, barele de derulare vor apărea atunci când conținutul cadrului nu se încadrează în limitele sale. Dacă „da” - dungile vor fi prezente tot timpul, indiferent de necesitatea lor. Dacă „nu” - va însemna dezactivarea barelor de derulare pentru acest cadru.
Pasul 3
Pe baza informațiilor furnizate în cei doi pași anteriori, trebuie să proiectați codul html care este mai potrivit pentru rezolvarea problemei dvs. După aceea, nu mai rămâne decât să îl inserați în codul sursă al paginii. Pentru a face acest lucru, puteți utiliza editorul de pagini al sistemului de management al site-ului dvs. - deschideți pagina dorită în acesta, treceți la modul de editare a codului html și lipiți codul în locul dorit de pe pagină. Alternativ, puteți descărca fișierul cod sursă al paginii de către managerul de fișiere de gestionare a găzduirii sau sistemul de gestionare a conținutului, îl puteți deschide într-un editor de text și lipiți codul în el. Și apoi, în același mod, încărcați codul modificat înapoi pe server.
