33 LISALUGEMINE: üks veebileht teise sees

Mõnikord on tarvis ühe veebilehe sees näidata mõne teise veebilehe sisu. Selle eesmärgi saavutramiseks saame kasutada elementi <iframe>. Elemendil on ka kohustuslik atribuut src, mille väärtuseks on viidatava veebilehe aadress.

<iframe src="https://www.ramkool.edu.ee/"></iframe>

Kõrguse ja laiuse saame määrata atribuutidega <height> ja <width>.

<iframe src="https://ramkool.edu.ee/" width="600" height="300"></iframe>

Või siis määrame kõrgus ja laius kasutades CSS-i.

<iframe src="https://ramkool.edu.ee/" style="height:300px;width:600px;"></iframe>

Vaikeväärtusena on <iframe> ümber raamjoon. Selle eemaldamiseks saame kasutada omadust border.

<iframe src="https://ramkool.edu.ee/" style="height:300px;width:600px;border:none;"></iframe>

Või siis vastupidi teha see raam veel suuremaks.

<iframe src="https://ramkool.edu.ee/" style="height:300px;width:600px;border:4px solid black;"></iframe>

Kasutades raami nime hüperlingis target atribuudi väärtusena, saab luua linke, mis avavad elemendis <iframe> erinevaid lehti.

<iframe style="height: 300px; width: 600px; border: 2px solid black;" src="" name="iframe_esimene" ></iframe>
<a href="https://ramkool.edu.ee/" target="iframe_esimene">Rocca al Mare Kool</a>
<a href="https://err.ee" target="iframe_esimene">ERR</a>

Litsents

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Veebidisain by Koostaja: Mikk Oad; Tekst: Andrus Rinde, Mikk Oad is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.

Jaga seda raamatut