|
<Body> 태그는 말 그대로 몸통 태그이다. HTML의 기본 몸을 구성하는 <Body> 태그도 여러가지 옵션을 가지고 있다. 물론 본문에 해당하므로 전반적으로 영향을 주게 된다. 문서 전체의 배경색상이나 배경그림 또는 배경음악 등이 이에 해당된다. 지금부터 자세히 살펴보기로 하자. |
1. <Body> : Body
|
- <BODY BACKGROUND="그림경로"> : 본문 배경에 그림을 삽입한다.
- <BODY BGCOLOR="색상"> : 본문 배경 색상을 바꾼다.
- <BODY BGSOUND="음악경로"> : 본문이 로딩 될때 음악이 흐른다. 음악이 100% 로딩 되어야 재생되며 mid나 wav 파일 재생에 사용하도록 한다.
- <BODY LEFTMARGIN=" "> : 본문 왼쪽에 여백을 준다.
- <BODY TOPMARGIN=" "> : 본문 상단에 여백을 준다.
- <BODY TEXT="색상"> : 본문의 글자 색상을 바꾼다.
|
2. 예제-1 (배경 그림 삽입)
|
[Source] |
|
<html>
<head>
<title>
본문 관련 태그
</title>
</head>
<body background="webmadang_img_0022_s.jpg"><!--웹마당 사진 자료실에 있음-->
배경그림이 작을 때에는 바둑판처럼 반복되어 보여진다.
</body>
</html> |
3. 예제-2 (배경 색상 변경)
|
[Source] |
|
<html>
<head>
<title>
본문 관련 태그
</title>
</head>
<body bgcolor="lightgrey">
배경 색상을 내맘대로 바꾼다.
</body>
</html> |
4. 예제-3 (배경 음악 재생)
|
[Source] |
|
<html>
<head>
<title>
본문 관련 태그
</title>
</head>
<body bgsound="music.wav">
배경 음악이 100%로딩 되면 재생이 시작된다.
</body>
</html> |
5. 예제-4 (본문 왼쪽과 상단에 여백)
|
[Source] |
|
<html>
<head>
<title>
본문 관련 태그
</title>
</head>
<body leftmargin="200" topmargin="300">
본문의 왼쪽에 여백을 200만큼 주고 상단 여백은 300로 한다.
</body>
</html> |
6. 예제-5 (본문 글자 색상 변경)
|
[Source] |
|
<html>
<head>
<title>
본문 관련 태그
</title>
</head>
<body text="steelblue"><!--색상표는 웹마당 HTML 팁&강좌 참조-->
본문의 글자 색상을 변경한다.
</body>
</html> |
▶ 앞서 언급한바 있지만 다시 한번 짚고 넘어가야 할 것은 <Body> 태그 옵션 중에서 음악을 제어하는 <bgsound> 옵션이다. 이는 <Embed> 태그와 비슷하면서도 차이가 있으므로 이전 강좌를 참고하면서 연습해 보는 것이 좋을 듯 싶다. <Body> 태그에는 하이퍼링크 관련 태그가 추가되는데 이는 다음 강좌인 링크 태그에서 살펴보기로 한다.
작성자 : 웹제작 토탈 커뮤니티 (http://www.webmadang.net) 컴쟁이 | 
컴쟁이
