Utilizarea cadrelor

Utilizarea cadrelor

Utilizarea cadrelor

Cadrele, sau frame-uri, sunt folosite pentru împărțirea ferestrei browser-ului astfel încât să fie afișate mai multe pagini în aceeași fereastră de browser.

1. Configurarea cadrelor

Pentru început se adaugă un element <FRAMESET> ... </FRAMESET> în interiorul documentului HTML.

ROWS

Determină numărul de linii și mărimea cadrelor care vor fi așezate în linie, începând de sus.

COLS

Determină numărul de coloane și mărimea cadrelor care vor fi așezate pe coloane, începând din stânga.

Exemplu de utilizare:

<HTML>
<HEAD>
<TITLE>TITLU PAGINII</TITLE>
</HEAD>
<FRAMESET COLS="23%,77%">
    <FRAME SRC="doc1.htm" NAME="left" SCROLLING="NO">
    <FRAME SRC="doc2.htm" NAME="right" SCROLLING="YES">
</FRAMESET>
<BODY>
</BODY>
</HTML>
    

2. Atributul target

Acesta specifică în ce cadru se va deschide o pagină atunci când utilizatorul apasă pe un link.

Exemplu de utilizare:

<a href="Doc3.htm" target="date">Numele link-ului</a>
    

Special Target:

  • target="_top" - încarcă link-ul în toată fereastra browser-ului.
  • target="_blank" - deschide link-ul într-o nouă fereastră.
  • target="_self" - încarcă link-ul în aceeași fereastră.
  • target="_parent" - încarcă link-ul în cadrul părinte.

3. Adăugarea cadrelor iframe

Pentru crearea unui cadru cu <iframe>, puteți folosi următoarea sintaxă:

<iframe src="pagina.html" width="600" height="200" align="center" scrolling="yes" frameborder="0" name="nume_frame"></iframe>
    

Sintaxă HTML

<frameset cols="23%,77%">
    <frame src="doc1.htm" name="left" scrolling="no">
    <frame src="doc2.htm" name="right" scrolling="yes">
</frameset>
            

Aplicație Practică

Mai jos este un exemplu de iframe utilizat pentru a încărca o altă pagină într-o fereastră.

<iframe src="doc1.htm" width="600" height="200" align="center" scrolling="yes" frameborder="0" name="nume_frame"<</iframe<