Cadre
Cadrele sunt folosite pentru împartirea ecranului în 2 sau mai multe dreptungiuri în care se plasează diferite informaţii. Această
împărţire se poate face pe coloane sau pe linii.
Pentru a folosi cadre trebuie sa înlocuim eticheta <body> cu eticheta:
- <frameset>.
Cadrele sunt introduse prin perechea de etichete <frame> şi </frame>.
Exemplu de pagina conţinând 2 cadre orizontale.
<html>
<head>
<title>Exemplu</title>
</head>
<frameset rows="20%,80%">
<frame src="1.html" bordercolor="#ff0000" scrolling="yes">
<frame src="link.html" >
</frameset>
</html>
<head>
<title>Exemplu</title>
</head>
<frameset rows="20%,80%">
<frame src="1.html" bordercolor="#ff0000" scrolling="yes">
<frame src="link.html" >
</frameset>
</html>
Exemplu de pagina conţinând 2 cadre verticale.
<html>
<head>
<title>Exemplu</title>
</head>
<frameset cols="40%,60%">
<frame src="1.html" bordercolor="#ff0000" scrolling="no">
<frame src="link.html" >
</frameset>
</html>
<head>
<title>Exemplu</title>
</head>
<frameset cols="40%,60%">
<frame src="1.html" bordercolor="#ff0000" scrolling="no">
<frame src="link.html" >
</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ă foloseste un browser care nu suportă
cadre.
Exemplu:
<frameset cols = "40%,*">
<noframes>
<body>Browserul folosit nu suporta cadre</body>
</noframes>
<frame src ="1.html">
<frame src ="link.html">
</frameset>
<noframes>
<body>Browserul folosit nu suporta cadre</body>
</noframes>
<frame src ="1.html">
<frame src ="link.html">
</frameset>
Cadre in-line
Sunt blocuri care se introduc în pagină prin perechea de etichete <iframe> si </iframe>. Şi la cadrele in-line se poate introduce un mesaj pentru browserele care nu suportă cadre in-line.Exemplu: cadru in-line cu următori parametrii: width="300" si height="200" hspace="200" vspace="100" scrolling="yes"
<html>
<head>
<title>Exemplu</title>
</head>
<iframe src="1.html" width="300" height="100" hspace="200" vspace="100" scrolling="yes"> Browserul folosit nu suporta cadre in-line</iframe>
</body>
</html>
<head>
<title>Exemplu</title>
</head>
<iframe src="1.html" width="300" height="100" hspace="200" vspace="100" scrolling="yes"> Browserul folosit nu suporta cadre in-line</iframe>
</body>
</html>
