HTML 문법 - 6 (공간 분할)

공간 분할

몇몇 태그들을 이용해서 공간을 분할해 줄 수 있다.

 

div style="border: 1px solid black

 

span style="background-color : skyblue"

 

<div>

해당 태그를 이용해서 웹 문서의 전체 공간을 block 형식으로 분할한다.

위의 블럭으로 되어있는 부분이 <div> 태그를 이용해 구현해준 것이다.

 

<span>

해당 태그를 이용해서 웹 문서의 한 줄을 inline 형식으로 분할한다.

위의 배경으로 칠해져있는 부분이 <span> 태그를 이용해 구현해준 것이다.

 

<iframe>

해당 태그를 이용해서 웹 문서에 다른 웹 문서를 넣어 줄 수 있다.

 

아래는 iframe 태그가 가지고 있는 속성들이다.

src	가져올 웹 문서의 url주소
width	너비
height	높이
title	iframe의 이름
name	가져올 것의 이름
scrolling	스크롤바

 

 

위와 같이 해당 포스팅으로 해당 포스팅을 불러올 수 있다!

 

코드로는 다음과 같다.

<iframe src="https://beans3142.tistory.com/57" scrolling="no">        </iframe>