홈페이지 제작 하시려고 HTML 공부하시고 계신 분 많으시죠?
필자도 중학교 때 당시 저의 우상이자 나름 어린나이에 삶의 이유였던(?) 클릭X 김상X(그 유명한 술은 먹었지만 음주운전은 하지 않았소이다.의 주인공... 응??) 펜페이지를 만들려고 방학 한달 기간동안 이리뛰고 저리뛰고 해서 홈페이지를 띄운 적이 있습니다.
(밤에 잠도 안 자고 벌건 눈을 부릅뜨고, 나모에디터를 만지작 거리며 만들었던 상큼한 기억....ㅎㅎ 그 때의 열정으로 공부했으면 지금쯤 저는 의학 서적을 쓰고 있을지도 모릅니다.)
이번 포스팅에는 혹시, 저와 같은 중, 고등학생(?), 또는 사업, 창업에 뛰어들어 홈페이지를 만들어야 하는 CEO~~ 기타 등등 분들에게 도움을 드리고자 HTML 중 가장 기초적인 홈페이지에 배경그림 넣기 포스팅을 준비하였습니다.
(너무도 간단하여서 포스팅이 끝나고는 이거 뭐야? 필자는 이런 거때문에 밤을 샌건가?하고 필자의 IQ를 궁금해 하실지도 모릅니다.하하)
그럼 잡소리는 이만 저리 뒤로 미루고, 본론을 시작할게요.
HTML문서에 배경그림이나 배경색은 태그 안에서 지정할 수 있습니다.
1. 배경 무늬나 그림넣기
<body background="이미지주소">
예로들어, 배경화면에 "bgimg1.gif" 이미지 넣기
2. 무늬가 없는 배경색 지정하기
<body bgcolor="색상명 or RGB 색상코드">
예로 들어, 배경색을 검정색으로 지정하기
3. 바탕색과 문자의 색 지정하기
<body bgcolor=색상명", TEXT="색상명">
예로 들어, 배경색은 검정색으로, 문자색은 하얀색으로 지정
4. 배경그림 고정하기
<body background=이미지주소" BGPROPERTIES=fixed>
한페이지에 들어가는 내용이 너무 많으면 자동으로 스크롤바가 생깁니다.
이때 스크롤바를 내리면 배경그림은 고정된것이 아니기에 내용과 함께 움직이게 됩니다.
위의 방법을 사용하면 내용은 올라가도 배경그림은 움직이지 않고 고정이 됩니다.
예로 들어, 내용이 넘어가도 배경그림은 고정
이렇게 HTML은 그리 어렵지 않아요 ^^
조금씩 HTML은 공부하시다 보면, 경지에 오르실 수 있으실지도..
기본적인 HTML을 공부해두면 아주 유용하게 쓰실 수 있으실 거예요^^
