⑥ 웹사이트 만들기 HTML 문장_인용구

지난 시간에 문단태그인 <p>와 <pre>태그에 대해서 알아보았다. 지난시간 문단이었다면 이번시간에는 문장에 대해서 배워야하지만 줄간격이나 왠만한 조정은 html보다는 css에서 스타일 조정을 많이하기 때문에 문장과 관련된 인용구에 대해서 알아보려고한다.

 

 

 

 

 

인용구를 나타내는 태그는 두가지가 있다. <q> 태그와 <blockquote> 이다. 

 

 

 

 

 

두 태그 모두 인용구를 정의하는 태그이기는 하지만 태그에 적용되어있는 기본 스타일과 인라인 태그, 블록태그라는 점이다르다. 인라인태그와 블록태그란 무엇일까? 쉽게 설명하자면 요소가 차지하는 영역을 이야기한다. 

블록태그란 블록영역을 차지하여 위에서 아래로 쌓이는 형식이라고 생각하면 되고 인라인 태그란 좌에서 우로 쌓여지는 태그라고 생각하면 된다.  머리아프다고생각이 든다면 일단은 아 블록태그가 있구나, 인라인 태그라는게 있구나 까지만 생각하면 된다. 왜냐, CSS을 통해 속성변경도 가능하며 현단계보다는 css를 배울때 더 와닿을 부분이기 때문이다.

 

 

 

 

 

 

위 실습 영상을 참고해서 보면 알수있듯이 <h1>태그와 <p>태그는 위에서 아래로 쌓여 출력되며 <p>태그 안에있는 인용구태그인 <q>태그와 <blockquote>태그를 보면 <q>태그는 한줄에 표시되며 " " 로 기본 스타일이 적용된것을 알수있는 반면에 <blockquote> 태그의 요소는 강제개행이 되어 블록영역을 차지하여 출력이 되는것을 알수있다. 

 

인라인태그와 블럭태그는 스타일에대해 설명할때 자세히 다룰 예정이니 크게 외우거나 할 필요는 없다.