기타(교육모음)/태그에 대하여

[스크랩] 배경화면 태그

산내하황 2011. 8. 31. 07:42

배경화면 태그

 

배경화면태그는 홈페이지 바탕색상이나, 그림등을 이용해서 바탕을 꾸미는 태그입니다.
홈페이지 HTML 문서안에 보시면 <body> 라는 부분이 있습니다.
<body> 부분에 추가하여 넣는 아주 간단한 태그입니다.

명령어는 아래와 같습니다.

<body bgcolor="자신이 원하는 색상">
위와 같이 명령어를 삽입후 자신이 원하는 색상을 "RGB색상표"를 참고해서 넣으시면

간단하게 바탕화면 색상을 만드실 수 있습니다.

아래있는 예제를 태그연습장에서 실행해 보세요.

예제)

<body bgcolor="white"> 흰색 바탕

<body bgcolor="green"> 녹색 바탕

<body bgcolor="red"> 빨간색 바탕

<body bgcolor="000000"> 검정색 바탕

<body bgcolor="skyblue"> 하늘색 바탕



☆ 위의 자료는 색상만을 지정해 주는 태그 였다면 이번 것은 바탕에 그림을 넣을 수 있는 태그입니다.
명령어는 아래와 같습니다.

<body background="자신이 원하는 그림주소">
위와 같은 식으로 하는 태그로서 그림태그와  비슷합니다.

참 간단하죠?

스타일시트를 이용해서 배경화면을 꾸미는 방법은 아래와 같습니다.

<style>BODY{background:url('자신이 원하는 이미지주소')}</style>

스타일시트를 이용해서 배경색상을 넣으시려면 아래와 같이 하시면 됩니다.

<style>body{background:색상코드;}</style>


웹서핑 하시다 보면 스크롤바를 움직여도 배경은 그대로 있고 내용만 움직이는 걸 본적이 있을 겁니다.

그 것은 아래와 같은 간단한 방법으로 가능합니다.

<BODY BACKGROUND="배경이미지주소" BGPROPERTIES="fixed">

스타일시트를 이용해서 배경화면 고정방법은 아래와 같습니다.

<style> BODY {background:url( '배경이미지주소') white fixed no-repeat 100% 80%}</style>

출처 : 아름다운 5060
글쓴이 : 에버그린 원글보기
메모 :