인기검색어

 

HR [Horizontal Rule, 수평선] 태그

페이지 정보

작성자 관리자 작성일 70-01-01 09:00 조회 24 댓글 0

본문

▷ HR [Horizontal Rule, 수평선]

⊙ 태그요소

① &ltHR> ... 종료태그는 사용하지 않는다.

Horizontal Rule [HR]

문서를 작성할 때 위와 아래를 구분할 필요가 가끔 발생한다.
이때 가로 줄을 넣어주면 효과적으로 구분할 수 있다.

⊙ 속성(Atributes)

속성
용도
사용법
align
 정렬

&ltHR align="left / center / right">
class 스타일시트 적용(여러번)

&ltHR class="클래스명">
id 스타일시트 적용(한번)

&ltHR id="아이디">
color 색상값 지정

&ltHR color="색상이름 / 색상코드">
size 선 두께 설정

&ltHR size="1">
width 선 길이 설정

&ltHR width="100%">
noshade 선의 음영 해제

&ltHR noshade>
title 풍선도움말

&ltHR title="1 단원">

⊙ Hn 태그 속성 사용 예

코드 작성

실행결과

 
&lthtml>

&lthead>
&lttitle>Hn 태그의 align 속성 사용 예&lt/title>
&lt/head>

&ltbody>
&lthr size="1">기본색상, 기본크기
&lthr size="2" color="red">
&lthr size="3" color="blue">
&lthr size="5" color="green">
&lthr size="10" color="#333333">
&lthr size="20" color="#777777">
&lt/body>

&lt/html>
기본크기, 기본색상

줄바꿈이 발생합니다.

코드 작성

실행결과

 
&lthtml>

&lthead>
&lttitle>Hn 태그의 align 속성 사용 예&lt/title>
&lt/head>

&ltbody>
&lthr size="10" align="left" width="50%">
&lthr size="10" align="center" width="50%">
&lthr size="10" align="right" width="50%">정렬속성입니다.
&lthr size="10" align="left" width="30%">
&lthr size="10" align="left" width="30%" noshade>
&lthr size="10" align="left" width="60%" color="blue">
&lthr size="10" align="left" width="60%" color="blue" noshade>
&lthr size="10" align="left" width="90%" color="red">
&lthr size="10" align="left" width="90%" color="red" noshade>
색상이 들어가면 음영이 반영되지 않습니다.
&lt/body>

&lt/html>
정렬속성입니다.

색상이 들어가면 음영이 반영되지 않습니다.

댓글목록 0

등록된 댓글이 없습니다.

알림 0