블럭 요소
- 한줄 단위로 영역을 차지하는 요소
- 줄바꿈이 적용되어있어 이미 존재하는 요소의 다음줄에 출력
- 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>
'Front-End > HTML' 카테고리의 다른 글
[HTML] 하이퍼링크 관련 태그 (0) | 2023.12.13 |
---|---|
[HTML] 폼 관련 태그 (0) | 2023.12.13 |
[HTML] 입력 양식 관련 태그 (0) | 2023.12.13 |
[HTML] 이미지 및 멀티미디어 관련 태그 (0) | 2023.12.03 |
[HTML] 표 관련 태그 (0) | 2023.12.03 |