HTML의 구성요소
HTML 문서의 작성
HTML의 기본구성
BODY 태그
주석(Comment)
줄바꾸기
P(paragraph)
BR(Line Break)
표제(Heading)
텍스트 관련 태그
FONT 태그
특수문자
링크(Link)
내부링크
이미지(image)
이미지 경로
이미지 포맷
이미지 정렬
색(color)
HTML 색상표(1)
HTML 색상표(2)
배경(background)
테이블(table)
열과 행의 확장
여백과 경계선
너비와 높이
정렬
프레임(frame)
frameset
frame
frame target
noframes
리스트(List)
type
배경이미지(background)와 배경색(bgcolor)

배경을 지정하기 위한 속성으로는 background(배경이미지)와 bgcolor(배경색)가 있습니다.

배경을 지정할 수 있는 태그는 <body>태그와 <table>태그, <td>태그 등이 대표적입니다.

<body>태그에 배경을 지정하면 문서 전체에 배경이 적용됩니다.

background 속성은 배경이미지를 지정합니다.

<body background="bg01.gif">

위와 같이 지정하면 문서 전체에 bg01.gif 이라는 배경이미지가 적용됩니다.

bgcolor 속성은 배경색을 지정합니다.

<body bgcolor="gray">

위와 같이 지정하면 문서의 배경색이 회색으로 적용됩니다.

<table>태그에도 background, bgcolor 속성을 지정할 수 있습니다.

<table bgcolor="gray">
<tr>
 <td>회색배경을 가진 테이블</td>
</tr>
</table>

회색배경을 가진 테이블

배경이미지(background) 속성을 사용할때는 배경이미지가 패턴으로 깔리는 점에 유의하여야 합니다.

배경이미지로 사용할 파일은 120*120 크기입니다. 이를 240*240 테이블의 배경으로 지정하면 위의 이미지가 4번 반복적으로 적용됩니다.

<table width="240" height="240" background="background01.gif">
<tr>
 <td align="center">240*240 테이블</td>
</tr>
</table>

240*240 테이블

배경이미지가 반복적으로 적용되지 않게 하기 위해서는 CSS를 사용하면 됩니다.

Copyright © Homejjang.com All rights reserved.