|
 |
 HTML 중급강좌
5. iframe 태그
|
 |
[1][2][3]
|
|
+†+ 혼잣말 +†+
음... 강좌를 너무 오랜만에 써보는 거라....어떨게
써야할지... 잠시 생각을 한다... 예전에
겨울이었나...-_-a 그때 자바스크립트 3.4 강좌까지
쓰고 거의 모든걸 덮어두다시피 했는데... 막상
홈페이지를 운영하자니 방문하시는 분들께
면목이 없어서.. 이렇게 다시 강좌를 쓰기
시작한다... (2001/08/14)
+†+ 혼잣말 끝 +†+
자 이제 본론으로 들어가서...^^; iframe 태그에
대해서 알아보도록 하자..^^
iframe 태그란 HTML문서의 안에 또 다른
HTML문서를 삽입할 수 있도록 해주는 기능을 하는
태그이며 inline frame의 약자이다. 음...비유하자면
집안의 벽에 창문이 있듯이 홈페이지의
웹문서안에 또 다른 웹문서를 볼 수 있게 창문과
같은 기능을 하는 태그이다. 아직까지 iframe 태그가 뭔지 감을
못잡았거나 한번도 iframe 을 보지 못하신 분을
위해 예제를 하나 보여드리겠다 ㅡ0ㅡ;
여기를
클릭하시라☞ 클릭클릭
자~ 이제 감이 오는가? iframe 태그를 잘
사용한다면 홈페이지를 멋지고 유용하게 꾸밀 수
있을 것이다. 본격적으로 배워볼까나...^^;
※ 형식
| <iframe src="주소"
frameborder="테두리표시여부" bordercolor="테두리색"
marginwidth="가로여백"
marginheight="세로여백"
width="가로길이"
height="세로길이"
align="정렬방식"></iframe> |
기본적인 형식은 <iframe src="주소"></iframe>
☜이케 하면 된다. ^^ 그런데 위에 처럼 여러가지
속성을 넣으면 좀더 멋지게 꾸밀 수 있다 .
※ 속성
| 속 성 |
기 능 |
| src ="주소" |
iframe 창에
나타내고자 하는 창의 주소(경로)를
넣는다 |
| name |
iframe 창도 target
설정을 할 수 있다. name을 지정한다.
( target 에 대해선 링크태그 부분 참조) |
frameborder="yes/no
or 1/0"
bordercolor="테두리색상" |
테두리 존재여부(존재:yes/1
부존재:no/0)와 테두리의 색상을
정한다. (frameborder 는 테두리 두께
조절이 아님) |
| align |
말그대로
정렬방식이다. 프레임내의 내용에 대한
정렬방식이 아닌 프레임과 그 다음에
이어져 나오는 텍스트나 이미지등과의 정렬
방식 |
| height/width |
프레임의 가로와
세로 길이를 정해준다. |
| hspace/vspace |
가로세로 여백을
정한다. |
| marginwidht/marginheight |
프레임 내의 문서와
프레임 테두리간의 여백을 조절한다. |
| scrolling="auto/yes/no" |
프레임에
스크롤바가 생기게 할 것인가를 정해준다. |
자 이제 속성에 대해서 알아봤으니 iframe 창을
만들어 보도록 하겠다... 그럼 다음 장으로 GOGO~!!
^^;
|
메인 페이지로 || 태그연습장 || 다음 페이지로
|
|
|
|
