[HTML] 영역 관련 태그

블럭 요소

• 한줄 단위로 영역을 차지하는 요소
• 줄바꿈이 적용되어있어 이미 존재하는 요소의 다음줄에 출력
• h , p , pre , "div" 등이 있음

인라인 요소

• content내용에 해당되는 부분만 영역을 차지하는 요소
• 줄바꿈이 적용되지 않아 옆으로 연이어져서 출력
• 다음줄로 넘기고자할때는 br로 개행 해야함
• b, s , mark, input .... , "span" 등이 있음

div 태그와 span 태그 차이점

1. 차지하는 영역 (줄 바꿈 적용)

• div 태그 : 블럭요소 (한 줄 단위 영역 차지)
• span태그 : 인라인 요소 (content 영역만을 차지)

2. 영역 지정 방식

• div 태그 : 전체 감싸는 사각형 박스로 영역 지정
• span태그 : 문장 단위로 영역 지정

iframe 태그

• 현재 문서 내 다른 웹페이지를 추가하는 태그

<iframe src="4_이미지및멀티미디어관련태그.html" width="600" height="600" ></iframe>