강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

바디와 선
작성자 : 99 단국강토
등록날짜 : 2009.02.09 10:09
1,706
<body>

html 문서에서 본문의 내용은 <body>태그안에 입력하면 됩니다. 웹브라우저에서 보이는 내용은 거의다가 <body> 태그안에 들어 간다고 생각하면 됩니다. 그러면 <body>태그의 속성에 대해 알아 보도록 하겠읍니다.

색상 기입법 색상을 기입하는 방법에는 16진수로 기입하는 방법과 원하는 색상명을 직접 영어로 기입하는 방법이 있습니다. 예를 들면 #C0C0C0는 16진수로 회색을 표시합니다. 이는 Red. Green. Blue의 값을 조합하여 만드는 값으로 앞의 "#" 은 16진수임을 나타내며, 뒤의 6자리는 각각 2자리씩 RGB의 값을 지정하게 됩니다. 이 밖에 바로 원하는 색상을 입력해도 동일한 결과를 갖습니다. 예를 들어 회색의 경우 Gray를 입력하면 16진수로 입력한 것과 동일하게 회색으로 표시됩니다.
bgcolor 속성은 배경색을 지정하는 속성입니다. 넷스케이프나 익스플로러의 경우 기본적으로 웹 브라우저의 배경색을 가지고 있습니다. 하지만 이러한 색상으로 단조로와 다른 사람의 홈페이지와 차별을 한다는 점에서는 제한이 따릅니다. 이러한 점을 보완하기 위해 html 태그 중 body 태그에서는 옵션을 통해 배경색을 변경할 수 있게 되어 있습니다. 배경색을 지정하는 방법은 <body> 태그 안에 "bgcolor=" 이라는 옵션을 지정하고 16진수로 지정하고자 하는 색상값을 넣어주면 됩니다. 색상값은 컬러의 명칭을 직접 기입해도 되지만, 정확한 색상 표현을 위해서는 16진수로된 컬러값을 직접 기입하는 것이 좋습니다.
background 배경은 색 지정 이외에도 그림을 이용하여 지정할 수 있습니다. 예를 들면 자신이 좋아하는 그림을 배경으로 사용하고자 할 경우 body 태그안에 사용하고자 하는 그림 파일명을 기입함으로써 기존의 배경 색상 대신 그림이 바둑판 모양으로 채워지게 됩니다. bgcolor 와 background는 둘다 문서의 전체 바탕에 영향을 주는 속성들이므로 둘을 같이 써주면 충돌이 생길 수 있읍니다. background 파일로는 jpg gif 파일을 주로 쓰며, background를 설정하기 위해서는 그림의 경로를 표시 해야 합니다.
text 문서 전체의 글자색을 지정합니다. 생략하면 기본으로 검정색으로 됩니다.
link 아직 검색되지 않은 (캐시에 저장되어 있지 않은) 페이지에 링크하고 있는 부분의 색을 지정합니다.
alink 링크하고 있는 부분을 선택했을 때(마우스 버튼을 클릭했을 때) 의 색을 지정합니다.
vlink 이미 검색한 (캐시에 저장되어 있는) 페이지에 링크하고 있는 부분의 색을 지정합니다.



 <hr>


hr 태그는 수평선을 그려 주는데, 단락과 단락을 구분할 때 사용합니다. 더불어 이 태그는 자동 줄바꿈 기능을 포함하고 있습니다. 만일 본문과 수평선의 간격을 벌리려면 <p> 태그를 사용해서서 조절할 수 있읍니다. 수평선은 문장내의 특정 단을 구분하거나 또는 별개의 내용을 기술할 때 사용하는 것이 좋습니다.
단순히 hr 태그만 사용하면 수평선은 브라우저의 해상도에 맞추어 100%의 크기로 선을 그립니다. 또한 기본 바탕이 회색을 경우를 대비해 입체적인 선이 그려집니다. 하지만 선은 단순하고 그리 보기 좋지 않습니다. 이런 점을 보안하기 위해 몇 가지 옵션이 포함되어 있읍니다. 그래서 몇가지 옵션이 있는데 이 옵션에 대해 알아 보도록 하겠읍니다.

width 길이는 픽셀 또는 %값으로 지정합니다. 우선 기본값은 100% 입니다. width값을 지정하지 않으면 무조건 100%로 지정한다는 말입니다. 아래 예제에서는 % 값으로 지정한 것과 픽셀값으로 지정한 경우를 다양하게 만들어 보았읍니다. 각각의 값들을 다르게 하여 수평선의 길이의 변동폭을 살펴보고, 홈페이지에 사용할 길이에 대해 적당하게 입력하는게 좋습니다. 무조건 많이 만들어 보고 연습하셔서 적당한 감(?)을 익히는게 중요합니다.
size size 속성은 선의 두께를 설정하는 것입니다. <hr size =3> 이런 식으로 설정하시면 됩니다. 아래 예제를 꼭 연습해 보도록 하세요. 모든것이 다 그렇치만 연습이 가장 중요하다는 사실 명심하세요 ^^;
noshape 선을 그을 때는 3차원 입체 모양을 한 선 말고도 우리가 흔히 사용하는 실선을 지정할 수 도 있습니다. 실선을 지정하려면 noshape 라는 태그를 추가합니다.
align hr 태그는 기본 정렬로 중앙정렬을 합니다. 그러나 필요에 따라서 정렬을 맘대로 할 수 있읍니다.
left는 좌측 정렬, right는 오른쪽 정렬, center는 중앙정렬을 합니다.


[소스]
<html>
<head>
<title>body와 hr 예제</title>
</head>
<body>
<hr width=80% align=left>
<hr width=50% aling=center>
<hr width=300 aling=right>
<hr width=300>
<hr size=2 width=60%>
<hr size=6 width=40%>
<hr size=18>
</body>
</html>


[결과]

                                               <hr width=80% align=left>


 

                                                 <hr width=50% aling=center>


 

                                               <hr width=300 aling=right>


 

                                                 <hr width=300>


 

                                               <hr size=2 width=60%>


 

                                                <hr size=6 width=40%>


 

                                                    <hr size=18>

[출처] 빛남이

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
315 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2016
314 [HTML] 메타태그 정리 99 단국강토 01.05 1573
313 새창 띄울때 메뉴바 없는 윈도우 창 99 단국강토 12.30 1387
312 동영상 그림크기조절 99 단국강토 12.30 3112
311 상태바에서 움직이는 문자 M 최고의하루 12.26 2097
310 노프레임 사이트 주소 고정법 M 최고의하루 12.26 1604
309 음악 태그 사운드 태그 댓글1 M 최고의하루 12.24 2934
308 그림을 배경 전체그림으로 넣는 소스 M 최고의하루 12.24 2107
307 [글 중간에 점 찍기] M 최고의하루 12.23 2066
306 htmlarg v1.1 - editplus 용 M 최고의하루 12.23 2337
305 배너광고 소스 marquee M 최고의하루 12.20 1618
304 FORM 태그 기본 ★ M 최고의하루 12.20 2183
303 한글 및 이미지 정렬 M 최고의하루 12.19 1422
302 폼요소 - 라디오 버튼(radio button) M 최고의하루 12.19 2099
301 Embed을 이용한 멀티미디어 사용 M 최고의하루 12.18 1627
300 input file 을 이미지로 변환 M 최고의하루 12.18 1832
299 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2200
298 태그강좌 99 단국강토 02.10 2088
297 태그 총 정리(태그 사전) ★ 99 단국강토 02.10 2134
296 태그를 배우려면 이런것들을 알아야.. 99 단국강토 02.10 3452
295 태그폰트 99 단국강토 02.10 2103
294 문자관련tag-텍스트 99 단국강토 02.10 1696
293 리스트 99 단국강토 02.10 2202
292 문단관련teg-문단(1) 99 단국강토 02.10 2343
291 문단과 관련된 태그 (2) 99 단국강토 02.10 2385
열람중 바디와 선 99 단국강토 02.09 1707
289 Table 태그 (1)-table 99 단국강토 02.09 2392
288 Table 태그 (2) 99 단국강토 02.09 2241
287 테이블 응용 99 단국강토 02.09 2353
286 프레임 tag-프레임(1) 99 단국강토 02.09 2150
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취