모이자가 새롭게 단장햇군요~^^*
여러분들이 이용하시기 편리하도록 애쓴흔적이
도처에 보입니다. 네로형이랑 피터형에게 수고의 한마디를~ ^O^
이번 강좌는
<body> 태그에 대해 말씀드리겠습니다.
전번강의 명심하셨다면
<body> 가 무엇인지 대충이해는 가시겠죠.~
<body> 태그는 html 문서의 몸둥이 즉 본문에 해당합니다.
<BODY>
이 안에 모든 문서내용이 들어갑니다.
</BODY>
이러한 <body> 태그에 여러가지 속성들이 있지만
오늘은 그 제일 기본에 대해서 알아봅시다.
1 - bgcolor (바탕화면배경색상 조절태그)
2 - background (바탕화면배경그림 지정태그)
위 두가지만 요~ ^^*
1 -
bgcolor
이 태그는 바탕화면 색상을 조절하는데 씁니다.
용법은~?
<body bgcolor=blue> 요렇습니다.
음....body 도 알만하고 bgcolor 도 알만한데 뒤에
blue 는 뭡니까~?
바탕화면 색입니다.
blue 는 푸른색을 말합니다.
윗처럼 설정하면 바탕배경이 푸른색이 되겠죠~
일반 적으로 알고있는 색상을 영어로 써주셔도 됩니다.
예 : white, black, blue, red, yellow, green....등등.
헌데 모든 색상을 저렇게 영어로표현할순 없습니다.
노랏스레 한 색상을 표현하고 싶습니다. 하면~?
영어로 < 노랏스레~> 오~노우~!
그러한 아리송한 색상들을 나타내기 위하여
16 진수 색상표가 나왔습니다. 바로 #FFFFFF 요런 기호로
색상들을 나타내는 겁니다.
<body bgcolor=#000000> 요러면 검정색을 나타냅니다.
헌데 이러한 색상표를 어데가서 찾냐구요~ㅜ.ㅜ
네에~
모이자 - 자료실 - 기타자료실 -16진수 색상추출 프로그램
조겁니다~ 노아가 금방 올려놔서 따끈따끈 할겁니다. 얼른 받어가세요 ^-^
그럼 한번 연습해 봅시다.
<html>
<head>
<title>홈피지 배경새그 바꾸는 연스빕니다.</title>
</head>
<body bgcolor=#cccccc>
배경새기 히버~즈라게 되엿습죠~? ^^
</body>
</html>
|
이제 배경색상은 내 맘대루 다룰수 있겠죠~ ^_^ 뿌듯 한 심졍~^^
2 -
background
요 태그는 홈페이지 배경에 그림을 깔아주는 태그라 했습니다.
용법은~?
<body background="za.gif"> 요렇습니다.
또 윗처럼.... body,background 는 알만한데za.gif 는 모냐~?
배경에 그림을 깔아주는 태그라 했습니다.
za.gif 는 그 배경에 나타날 그림 이름 입니다. 노아 맘대로 지은 이름입니다.
그냥 그림 파일 이름이란 것만 명심해 주십시요~
요기서 잠깐~!
경로 에 대해서 알아봅시다.
그냥
<body background="za.gif"> 요렇게 써주시면..
za.gif 라는 그림과 이 html 문서가
같은 폴터(文件夹) 안에 있어야 합니다.
그림이 html 문서 가 저장되 폴터안의 또다른 img 폴터안에 있을때라면..
<body background="img/za.gif"> 요로케 해주어야 합니다.
이게 뭔말인겨~ ㅜ.ㅜ ?? 단방에 이해하도록 예제를 맹글었습니다.
경우 1:
<html>
<head>
<title>배경에 그리므 까는 연스빕니다.</title>
</head>
<body background="za.gif">
우와~~ 배경에 그리미 있구나~ ^O^
</body>
</html> |
메모장을 열어서 위처럼 편집하여 a 라는
폴터(文件夹)
에 aaa.html 로 저장합니다.
(저장하기는 제 1 강에서 말씀드렸습니다.)
그 a 라는 폴터 안에 za.gif 라는 그림을 넣습니다...-.-
끝났습니까? 예 그렇습니다.
여기서 :
폴터(文件夹)
a 는 님 맘대로 이름을 정하셔도 됩니다.
za.gif 는 아무 그림이라도 됩니다.그냥 그 이름만 써주면 됩니다.
aaa.html 도 마찬가지 입니다. 도깨비.html 라고 하셔도 됩니다.
경우 2 :
<html>
<head>
<title>배경에 그리므 까는 연스빕니다.</title>
</head>
<body background="img/za.gif">
우와~~ 배경에 그리미 있구나~ ^O^
</body>
</html> |
위에서와 똑같이 메모장을 열어서 위처럼 편집하여
a 라는
폴터(文件夹) 에 aaa.html 로 저장합니다.
여기서 주의 : a 라는 폴터하에 img 라는 폴터를 새로 만듭니다.
폴터 새로 만드는 방법은 마우스 오른쪽을 클릭하여 튀여나온 메뉴에서
새로만들기 - 폴터 하면 됩니다. 그 다음 img 라고 써주시면
폴터가 새로 만들어 졌습니다.
이번에는 그 img 라는 폴터안에 za.gif 를 넣습니다.
그러고나서 aaa.html을 펼쳐보겠습니다.
자~알 따라하셨다면 두가지경우 모두 똑같이 보일겁니다.
2 가지 경우에서 다른점:
경우 1 : <body background="za.gif">
경우 2 : <body background="img/za.gif">
요 부분이 다릅니다. 나머지는 전부 같습니다.
이제 경로에 대해 조금 이해 가셨습니까?
단방에 이해못하시고 두방을 원하시는 분들은 묻고 답하기를 이용해주세요~
윗처럼 img 폴터를 만드느라 역새질한 이유는 이담에 아주아주 큰 사이트랑
만들적에 그림이랑 무지 많잖습니까.. 그걸 그림딸루 html 파일딸루..
그렇게 해두면 서버에 올릴적에도...후에 관리할 적에도. 많이 편리합니다.
... ... ...
슈퍼초보분들을 위한 강좌이므로 ...
많은 미세한 절차에 신경썻습니다.
html 강좌는 계속될것입니다. 뚝딱~! 뚝딱~! ^.~
* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:07)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >> 웹 프로그래밍
* 이동후 위치 : 웹 공부 >>
* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:12)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >>
* 이동후 위치 : 웹 공부 >> 웹 프로그래밍
|
2002.01.18 17:09:56
너무 수고합니다.이렇게 초보자에 대해 신경써주니 너무 감사합니다.전 지금 그냥 배우고 있습니다.모르면 물어보구..흑흑
깍재같은게 한번에 좀 마이써라!!!
tai bang la !!!pengyou!!wozhichini !!
혹시 jpg파일을 여면 안되요? 왠지 다 되는데 그림 삽입이 않되네????
ㅎㅎㅎ
쉬워 너무쉬어 눈이빠지게 들여다 봤는데.........ㅡㅡ;
감사 감사
꾸벅~~~
진짜 도움 많이 됩니다...고마운 마음 뭐라...^^
DJ얏호 님은 고수잖아요 우리 초보를위해서 올린 강좌인데
강좌 밑에다 항상 저렇게댓글 남기네요
알면 아는구나 하고 넘어갈꺼시지
배경삽입이 왜 안되나요??
누구 좀 알려줄수 있어요..흑흑!!!
<body background="file:///E|/폴더이름/img/bg.gif">경로를 이렇게 하나하나 써주어야 합니다.
성공성공...
그런데 온 화면에 몽땅 같은 그림이 깔렸네요...