HTML 기초, <body>태그의 기본 (세번째)
이 포스트는 Tistory 블로그를 하면서 자주 접하는 HTML에 대한 궁금증을 해소하기 위해
HTML 기초공부를 시작하고, 공부한 내용을 정리 목적으로 작성된 포스트입니다. ^^
HTML 문서는 <head>태그와 <body>태그 두 부분으로 나눠집니다.
우리가 보고있는 인터넷 화면에 출력되는 모든 내용은 <body> ~ </body> 태그 사이에 기술된 내용입니다.
원하는 속성을 지정하기 위해서는 HTML문서내에서 <body>태그에 사용되는 속성들을 알아두는게 좋습니다!
다음은 <body> 태그에 사용되는 속성입니다.
HTML 기초, <body>태그
★ <body>태그에 사용되는 속성
속성 설명
bgcolor="#RGB" 배경 색상의 지정
background="이미지 파일명" 배경으로 사용하는 이미지 파일의 지정
*태그 안에 속성을 정의하기
태그 중에도 각자의 특성에 따라 별도의 속성을 가지고 있는게 있습니다. 태그의 속성은 시작 태그에서 지정.
여러 개의 속성을 사용할 수 있으며 속성의 구분은 공백으로 합니다.그리고 속성값을 입력할 때는 (" ")을 이용.
(" ")는 링크하는 부분을 제외하고 나머지 태그에서 생략해도 상관없습니다.
예시)
<body bgcolor = "blue">
# HTML 문서에 배경색을 지정하는 bgcolor 속성
<body> 태그 내의 bgcolor 속성에 색상값을 지정하면 HTML 문서의 배경색을 지정할 수 있다.
예시)
<body bgcolor="색상명 또는 16진수형태 RGB값">
우리가 사용하는 컴퓨터에 사용하는 색상은 빛의 삼원색인 Red(빨간색), Green(초록색), Blue(파란색) 입니다.
이 3가지 색상의 이름을 줄여서 RGB라고 부릅니다. 각각의 색상은 0부터 255까지의 색으로 표현할 수 있습니다.
0부터 255를 16진수 2자리로 표현되며 00부터 ff입니다. 3가지 색상이기 때문에 # 다음에 6자리의 색상 코드로 나타냅니다.
예시)
빨간색(red) #ff0000
초록색(green) #00ff00
파란색(blue) #0000ff
# HTML 문서에 배경 그림 지정하는 background 속성
<body> 태그 내에 background 속성을 사용하면 HTML 문서에 배경 이미지를 지정할 수 있다.
배경이미지로 사용가능한 파일 형식은 GIF, JPG, PNG입니다. HTML 문서에서 배경 이미지 파일을 지정하기 위해서는
절대 경로와 상대 경로 2가지 방법이 있습니다.
예시)
<body background="배경그림파일경로명">
상대경로는 HTML 문서가 있는 위치를 기준으로 하위 폴더 / 파일을 찾는것
절대경로는 루트 디렉토리부터 이미지 파일이 있는 디렉토리까지의 모든 경로를 명시하는것
예시)
상대경로
<body background="images＼1.gif">
절대경로
<body background="c:＼html_work＼ch02＼images＼1.gif">
배경이미지는 흐릿한 이미지가 오히려 적당하다. 화려한색상으로 지정하면 문서의 내용이 보지이 않을 수 있기 때문.
