230823 TIL Chapter 30. HTML5 ( 영역 관련 태그 )

최규연·2023년 8월 23일
0

TIL

목록 보기
33/57

영역 관련 태그

영역을 나누는 형식 ( 성질 )

- block 형식
	공간을 수직으로 분할
	크기를 지정하는 width, height 속성을 사용 할 수 있다.
    
ex) p,pre (문단 나누기) / h1~h6 (제목 영역 나누기)
	hr (수평선 넣어서 화면 나누기) / div (영역 나누기)
- inline 형식
	공간을 수평 분할
	크기를 지정하는 width, height 속성을 사용 할 수 없다.

ex) strong, b / em, i / mark / span (한줄을 나누는 용도)

block (div)와 inline (span)의 차이점

  1. 줄바꿈 ( 개행 )
  • block 형식의 태그는 한 줄을 모두 차지하기 때문에 뒤에 오는 내용은 다음 줄에 작성된다.

  • inline 형식의 태그는 한 줄 내에서 일정한 칸을 차지하기 때문에 뒤에 오는 내용은 줄이 바뀌지 않고 옆에 붙는다.


  1. 영역 지정 방식
  • block 형식은 사각형 박스 형태로 영역을 지정한다.

  • inline 형식은 내부에 작성된 내용(Content) 단위로 영역을 지정한다.


  1. 크기 지정 ( width / height )
  • block 형식의 태그는 크기지정이 가능하다.
  • inline 형식의 태그는 크기지정이 불가능하다.


추가로 웹 문서 내부에 다른 웹 문서를 추가하는 태그로 iframe 태그가 있다. ( == inline 형식이지만 크기지정( width / heidgt이 가능하다. )

[ 사용법 }

<iframe src="04_표관련태그.html" width="800" height="1000"></iframe>

0개의 댓글