Descriere: Crearea paginilor cu cadre (frame)
Download:
Autor: Anonim
Sursa (Link-ul oficial): Propria parere: Folositor.
Tutorialul:
Exemplele prezentate în articolele anterioare încărcau o singură pagină HTML în fereastra browserului.
Sunt și situații în care imaginea afișată de browser este formată din mai multe pagini HTML numite cadre. Caracteristic acestor pagini este că perechea de etichete <body> </body> este înlocuită de <frameset> </frameset> iar în interiorul lor cadrele sunt delimitate de <frame> și </frame>.
Atributele etichetei frameset sunt:
cols - îimparte pagina în coloane și are valori exprimate în procente din dimensiunea ferestrei, număr de pixeli sau * adică spațiul rămas
rows - împarte pagina în rânduri cu aceleași valori ca la cols
bordercolor - culoarea tuturor chenarelor conform modelului #rrggbb
frameborder - înhibarea afișării chenarelor cu valorile yes sau no
Cadrele sunt introduse prin pereche de etichete <frame> </frame> care suportă atributele:
src - fișierul sau adresa fișierului introdus
bordercolor - culoarea chenarului cadrului curent conform modelului #rrggbb
noresize - dezactivează posibilitatea vizitatorului de a redimensiona cadrul
scrolling - adaugă cadrului bare de defilare cu valorile yes, no și auto
Exemplu: pagină cu două cadre orizontale în proporția 20% și 80% din înălțimea totală. Pagina de sus are chenarul roșu iar cea de jos are scroll.
Cod: Selectaţi tot
<html>
<head>
<title>Exemplul 1</title>
</head>
<frameset rows="20%,80%">
<frame src="pag1.html" bordercolor="#ff0000">
<frame src="pag2.html" scrolling="yes">
</frameset>
</html> Cod: Selectaţi tot
<html>
<head>
<title>Exemplul 2</title>
</head>
<frameset cols="40%,60%">
<frame src="pag1.html">
<frame src="pag2.html" noresize>
</frameset>
</html> În situația în care browserul folosit nu suportă pagini care conțin cadre imaginea afișată va fi goală. Pentru a evita acest lucru vom introduce un mesaj încadrat de <body> și </body> între etichetele <noframes> și </noframes> prin care informăm vizitatorul că folosește un browser care nu suportă cadre.
Cod: Selectaţi tot
<frameset cols = "30%, 40%,*">
<noframes>
<body>Browserul folosit nu suporta cadre</body>
</noframes>
<frame src ="pag1.html">
<frame src ="pag2.html">
<frame src ="pag3.html">
</frameset>Sunt blocuri care se introduc în pagină prin perechea de etichete <iframe> și </iframe> și au atributele:
src - fișierul sau adresa acestuia
height - înălțime cadru
width - lățime cadru
frameborder - grosimea bordurii (chenarului)
scrolling - adaugă bare de defilare cu valorile yes, no și auto
align - aliniază cadrul (left, right, center, top, bottom, middle)
vspace - distanța peste și sub cadru
hspace - distanța în stânga și în dreapta de cadru
Exemplu: o pagină în care este găzduit un cadru in-line. Şi aici se poate introduce un mesaj pentru browserele care nu suportă cadre in-line. Modul de afișare al exemplului poate diferi de la un browser la altul.
Cod: Selectaţi tot
<html>
<head>
<title>Exemplul 4</title>
</head>
Mai jos este un cadru in-line cu următori parametrii:<br>
width="300" si height="200" hspace="200" vspace="100" scrolling="yes"<br>
<iframe src="pag1.html" width="300" height="100" hspace="200" vspace="100" scrolling="yes">
Browserul folosit nu suportă cadre in-line
</iframe>
</body>
</html>