W3C 문서의 장식 Trio 홈페이지
이전순서 다음순서 목차 엘레멘트 애트리뷰트 HTML 규격

HTML 문서를 더 보기 쉽고 멋있게 만들기 위하여 여러가지 방법을 사용 할 수 있는데, 여기서는 기본적인 장식 방법을 설명한다.

<CENTER>

시작태그(<CENTER>)에서 부터 서류 내용을 유용한 창의 수평 중앙에 위치시키며, 종료태그(</CENTER>)까지 계속 된다. 애트리뷰트는 없다. 사용 예를 보면

<PRE><CENTER><H4>중앙 위치 예제</H4></CENTER>종료 태그 밖의 문장
</PRE>
<CENTER>
중앙 위치 예제

</CENTER>종료 태그 밖의 문장 space

<HR>

서류 내용을 구분하거나 장식을 위하여 수평 줄을 넣을 때 사용된다.

가능한 애트리뷰트는 size, width, noshade, align, color이다.

size = 줄의 높이를  화면 소자 갯수(픽셀:pixel)로 지정한다.
	디폴트 값은 브라우저에 따라 다르다.
width = 줄의 폭을 길이(length)로 표시한다.
	이 값은 픽셀(pixel)이 될 수 있고 또는
	전체 유용한 수평 폭에 대 한 백분율이 될 수 있다.
	디폴트는 100%이다.
noshade 줄을 굵은(solid) 색상으로 표현한다.
align = left | center | right
	left: 줄을 왼쪽에 붙여 표현.
	center: 줄을 중앙에 표현.
	right: 줄을 오른쪽에 붙여 표현.
	디폴트는 align=center이다.
color = 줄의 색상을 색상값으로 지정한다.
	브라우저에 따라 적용되는 것과 안되는 것이 있다.

예제를 보면

<HR>
<HR width=100>
<HR width=50%>
<HR width=50% size=4 color=silver>
<HR width=50% size=1 align=right>
<HR width=60% size=3 noshade>
<HR width=60% size=3 color=aqua align=left>

디폴트(default) 란 ?

애트리뷰를 지정하지 않았을 때 브라우저가 알아서 처리하는 기본값이다.

<BODY bgcolor="색상값" text="색상값">

bgcolor는 서류 전체의 배경(background) 색상을 지정하는데 사용된다.
text는 서류 전체의 글자(text) 색상을 지정하는데 사용된다.
<BODY> 태그에 지정하는 것이므로 한 문서에서 한번 밖에는 지정 할 수 없다.

물론 <BODY> 태그 이외의 엘레멘트에서도 지정이 가능하나 후에 설명하겠다. 물론 여기서도 색상은 다른 곳에서 사용하는 색상과 같은 방식으로 기술한다. 상세한 내용은 색상표를 참조하라.

새창으로 예제를 보면

<BODY background="이미지 화일명과 그 경로">

background는 서류 전체의 배경(background)에 깔리는 이미지 화일을 지정하는데, 이미지가 바둑판식으로 좌우, 상하로 반복하여 표현된다.
화일명과 그 화일이 위치한 경로를 같이 표시하여야 하는데 이것을 URL이라 한다.
상세한 URL(Uniform Resouce Locator) 내용(URI:Uniform Resouce Identifier라고도 함)을 참조하라.

새창으로 예제를 보면

<BODY> 태그에 지정하는 것이므로 한 문서에서 한번 밖에는 지정 할 수 없다.
물론 <BODY> 태그 이외의 TABLE 관련 엘레멘트에서도 지정이 가능하나 후에 설명하겠다.

단순히 사진이나 이미지를 넣을 때는 IMG src="URL"을 사용한다.

HTML서론 HTML기본 문자표현 문서 장식 문서연결 문서목록 표(TABLE) 입력작업 창틀짜기
이전순서 다음순서 목차 엘레멘트 애트리뷰트 HTML 규격
이 Trio 홈페이지 문서(http://trio.co.kr/webrefer/httut/htdeco.html)는 자유로이 연결 사용이 가능함.