happy cat image

Start Web Coding

Your First step toward web coding,
Start Web Coding

UI 변경

iframe Tag

iframe allows you to view certain space on other sites on your website.
You could split the screen into two pages and make pages show other websites such as Naver and Daum.
Then, let’s learn how to use the iframe.

<iframe src="URL that you would like to link">
</iframe>

To set the size of this child frame, you can specify the width and height as we did when learning table tag. You can also control whether scrolling is generated or not. You can set scrolling = "yes, no, auto". If auto is specified, it is created when necessary and not created when it is not needed. It judges from size.
Let's practice. Please fill out the source below.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iframe태그 학습</title>
</head>
<body>
    <iframe src="http://www.startwebcoding.com" style="width:90%" height="500" scrolling="auto">
    </iframe>
</body>
</html>

The result

You can use as many as you like in this way.

The next class is the form tag which we see many times when joining memberships on websites.

강좌로 돌아가기