행복은 노력의 대가로 얻는 것이 아니라 지금의 소소함을 놓치지 않는 것이다

행복은 노력의 대가로 얻는 것이 아니라 지금의 소소함을 놓치지 않는 것이다

지란지교(芝蘭之交) 자세히보기

배움의 전당/컴퓨터 자료

배경화면 태그

정부혜 2011. 5. 30. 09:31

배경화면 태그

 

배경화면태그는 홈페이지 바탕색상이나, 그림등을 이용해서 바탕을 꾸미는 태그입니다.
홈페이지 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>