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

바디와 선
작성자 : 99 단국강토
등록날짜 : 2009.02.09 10:09
1,705
<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

번호 제목 글쓴이 날짜 조회
3015 새창,새창내려온후진동 99 단국강토 02.10 3071
3014 FORM테그의 사용속성들 99 단국강토 02.10 1390
3013 FORM테그의 사용속성들 99 단국강토 02.10 2093
3012 setTimeout,setinterval 에대한.스크립..이해 99 단국강토 02.10 2525
3011 setTimeout,setinterval 에대한.스크립..이해 99 단국강토 02.10 2923
3010 소스를 간편하게 만들어 주는 with문 99 단국강토 02.10 1223
3009 소스를 간편하게 만들어 주는 with문 99 단국강토 02.10 1613
3008 innerText 활용(마우스 온/오버) 99 단국강토 02.10 2149
3007 innerText 활용(마우스 온/오버) 99 단국강토 02.10 1407
3006 getElementById와 getElementsByName 99 단국강토 02.10 1977
3005 getElementById와 getElementsByName 99 단국강토 02.10 1968
3004 event.srcElement 99 단국강토 02.10 1421
3003 event.srcElement 99 단국강토 02.10 1601
3002 플래시에서 어떤 변수 명명법을 사용하는 것이 좋을까? M 최고의하루 02.10 2333
3001 include 서브메뉴 컨트롤시 | ♣ Flash MX 2004 M 최고의하루 02.10 2340
3000 [플래시] 유용한 플래시 팁 모음~!! M 최고의하루 02.10 1787
2999 플래시/플래시학원/플래시강좌]심벌(Symbol)만들고 편집 M 최고의하루 02.10 1634
2998 플래시/플래시학원/플래시강좌]Arrow Tool M 최고의하루 02.10 1593
2997 플래시에서 폰트를 깨끗하게 사용하는 팁 M 최고의하루 02.10 1342
2996 웹서핑중에 이쁜 플래쉬나 스위시글 내컴에 저장하는 M 최고의하루 02.10 1687
2995 SWF 플래쉬 동영상 삽입하기 M 최고의하루 02.10 2026
2994 플래시에서 자바스크립트 사용하기 M 최고의하루 02.10 2114
2993 플래시에서 외부 사운드 로드 M 최고의하루 02.10 2467
2992 가로메뉴 M 최고의하루 02.10 2315
2991 플래시 MX M 최고의하루 02.10 1969
2990 컴덱스메뉴 액션 스크립트 M 최고의하루 02.10 2077
2989 로딩막대 M 최고의하루 02.10 1542
2988 플래시로 3차원 환영은 어떻게 그리나?(최종) M 최고의하루 02.10 1925
열람중 바디와 선 99 단국강토 02.09 1706
2986 Table 태그 (1)-table 99 단국강토 02.09 2391
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취