[HTML5] pre, div, img

1. pre

<pre> </pre> 태그 안에 작성된 내용은 고정폭 글꼴을 사용하여 표현되며, 그 안에 사용된 띄어쓰기와 줄바꿈이 모두 화면에 그대로 구현된다. 

<br> 없이도 작성한 그대로 반영되는걸 확인 할 수 있다.

 

2. div

div는 영역을 분리하는 태그이다. 

일종의 컨테이너 역할을 하는 태그라고 볼 수 있을 것이다.

가상의 레이아웃을 그어주는 것으로, 주로 CSS와 연동해서 쓴다.

 

3. img

img 태그 속성

src: 이미지 경로

alt: 이미지가 없을 때 표시할 텍스트

width: 이미지의 가로길이

height: 이미지의 세로길이

auto: 원비율에 맞는 자동크기

이런 식으로도 활용해볼 수 있다.