2. BODY 요소 알아보기

브라우저에 본문 관한 내용을 표혀하는 Element로 다음과 같은 속성들이 있습니다.

topmargin/rightmargin/bottommargin/leftmargin="pixel"

페이지(도큐먼트)와 본문(내용) 사이의 여백을 설정하는 속성입니다.

bgcolor="name 또는 Hexa code"

페이지(도큐먼트)의 배경색을 설정해 주는 태그입니다.

background="URL(경로)/이미지명"

페이지(도큐먼트) 배경에 이미지를 배치하는 속성입니다. bgcolor와 background는 동시에 사용가능 하지만, 동시에 사용할 경우 background가 우선 순위에 해당하여 이미지가 화면에 보이게 됩니다.

이때 페이지보다 이미지가 작은 경우 이미지는 패턴형태로 반복하여 화면을 채웁니다. 하지만 HTML 태그로는 반복되는 패턴형태를 제어할 수 없고, 뒤에 배울 CSS(스타일시트)로 제어할 수 있습니다.

파일 위치 지정 : 경로(URL | URI)

경로란? 문서나 이미지 등을 연결 시켜주는 이동통로쯤으로 이해하시면 될꺼 같습니다. 이런 이동통로에는 절대경로와 상대경로를 사용합니다.

절대경로

해당 문서의 전체 경로를 표시하며, 언제 어디서든 절대 바뀌지 않는 경로를 말합니다.

로컬컴퓨터의 경우는 C: 혹은 D: 드라이브의 루트디렉토리에서 부터 시작해서 현재 작업 중인 웹페이지의 위치까지의 경로를 말합니다. 웹(계정)의 경우는 절대주소의 네임(http://)부터 시작하여 현재 보고(작업 중인) 있는 페이지의 위치를 말합니다.

상대경로

현재 작업 중인 웹페이지문서(HTML)를 기준으로 한 위치를 말하는 것으로, 현재 작업 중인(로컬컴퓨터) HTML문서로 부터 이미지의 경로를 추적합니다.

예를 들면, 동일 계층은 '파일명(love.jpg)', 하위 계층이라면 '폴더명/파일명(img/love.jpg)'을 상위 계층은 '../파일명(폴더의 단계수대로 ../를 표현)' 처럼 사용합니다.

text="색상명/색상코드"

본문(body)의 사용되는 글자의 색상을 일괄 지정하는 속성입니다.

link/vlink/alink="색상/헥사코드"

링크가 걸린 본문 텍스트의 문자 색을 지정합니다.

bgproperties="fixed"

화면에 내용이 많을 경우 스크롤바가 자동으로 생기는데, 이런 경우 스크롤바를 밑으로 드래그하면 배경도 함께 드래그 되는 게 기본이지만, <bgproperties>을 사용하면 배경을 화면에 고정시켜 텍스트만 스크롤바를 따라 움직이게 됩니다.