HTML Iframe
Iframe нь вэб хуудсанд өөр вэб хуудсыг харуулна.
Iframe Бичиглэл /Syntax/
HTML нь iframe-г iframe tag-д тодорхойлдог.
<iframe src="URL"></iframe>
src атрибутад вэб хуудасны холбоос хаягийг зааж өгнө.
Iframe Өндөр ба Өргөн
Iframe-д өндөр ба өргөнийг height болон width атрибутад зааж өгнө.
Жишээлбэл:
Өргөн ба Өндрийн анхны утга нь цэг буюу пиксел байна
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<iframe src="http://www.abcd.mn"></iframe>
</body>
</html>
Эсвэл өндөр ба өргөнийг CSS-ийн style атрибутад зааж өгнө.
Жишээлбэл:
Өргөн ба Өндрийн анхны утга нь цэг буюу пиксел байна
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<iframe src="http://www.abcd.mn" style="height:300px; width:100%;"></iframe>
</body>
</html>
Iframe-н Хүрээг арилгах /Remove the Border/
Iframe-н анхдаг утга нь border буюу хүрээтэй байдаг бөгөөд хүрээг CSS-н border шинж чанараар арилгах буюу өөрчилж болно.
Жишээлбэл:
Хүрээг арилгаж үзье.
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<iframe src="http://www.abcd.mn" style="height:300px; width:100%; border:none;"></iframe>
</body>
</html>
Хүрээг өөрчилж үзье
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<iframe src="http://www.abcd.mn" style="height:300px; width:100%; border:2px solid green;"></iframe>
</body>
</html>
Iframe - Target for a Link
Iframe нь холбоосыг ачаалж чадна.
Ингэхийн тулд <a> tag-н target атрибутад iframe-н name атрибутын утгыг зааж өгнө.
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<title>HTML -хичээл</title>
<meta charset="utf-8">
</head>
<body>
<iframe height="300px" width="100%" src="http://www.iexpo.mn" name="iframe_abcd"></iframe>
<p><a href="http://www.abcd.mn" target="iframe_abcd"<abcd.mn</a></p>
</body>
</html>
Сэтгэгдэлүүд
