반응형

[HTML #3] 배경색 변경하기

반응형

배경색 변경하기

 

안녕하세요 모빌리티 입니다.

오늘은 기존 포스팅에 이여서 Body태그를

꾸며 보려고 하는데요 잘 따라와 주세요.

 

 

 

Body는 홈페이지의 화면의 주로 보여지는

속성을 나타나게 되는데요 여러분이

클릭하여 들어간 웹의 사진이나 글씨 링크들이

 

어떤 웹에서는 왼쪽으로, 중앙으로 오른쪽으로

정렬되어 있거나 글씨의 색상이 다르게 표현해

주거나 하실때 이렇게 일일이 설정을 해서

초기에는 표현을 하였는데요~~~

 

이러한 원리로 웹페이지가 한장한장

생성이 되어서 유기적으로 움직이면서

나만의 홈페이지가 완성이 되는 것이지요.

 

오늘 배우실 키워드는

"배경색변경"입니다.

 

한가지씩 실습을 해보도록 하시지요.

 

배경색을 변경하는데 있어서 사용

되는 속성이 있습니다.

 

bgcolor "기본색은 흰색입니다."

 

배경을 붉은색을 바꾸고 싶다면

<bgcolor="red">,<bgcolor="#ff0000 ">

이렇게 설정하세요

 

 

기본 배경 말고 배경 이미지를 넣고

싶으실때 사용하는 속성은 background

입니다.

 

 

<background="파일명.jpg">

 

만약 다른 이미지 폴더에 이미지가

들어가 있는 경우라면 그 경로까지

지정해 주셔야 합니다.

 

<background="이미지/파일명.jpg">

 

제가 설명하기 편하게 한글을

넣었는데요 경로는영문으로 작성

하시는게 좋습니다. 이미지>image01

 

 

배경색 뿐 아니라 이외에도 속성을

이용하여 화면상에서 정리할수 있는

속성 몇가지를 더 알려 드리도록 하지요. 

 

leftmargin: 왼쪽에서 얼마나 떨어져서

작성을 하고 싶은지 즉 여백을 얼마나

줄것인지에 대한 속성입니다.

 

속성값은 픽셀로 숫자로 지정해

주시면 됩니다.

 

2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지

2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기

<leftmargin="250">

왼쪽 여백으로 부터 250 fixel 떨어진

곳부터 작성이 됩니다.

 

topmargin: 위쪽여백을 지정할 수

있습니다.

 

 

 

 나눔은 

최고의 기쁨입니다.

이글이 도움이 되셨다면 아래

빈 하트를 채워주세요.

 

 

 

728x90
반응형

이 글을 공유하기

댓글(0)

Designed by JB FACTORY