|
▷ HR [Horizontal Rule, 수평선]
|
| |
|
|
⊙ 태그요소
|
|
|
① <HR> ... 종료태그는 사용하지 않는다.
Horizontal Rule [HR]
문서를 작성할 때 위와 아래를 구분할 필요가 가끔 발생한다.
이때 가로 줄을 넣어주면 효과적으로 구분할 수 있다.
|
|
⊙ 속성(Atributes)
|
|
속성
|
용도
|
사용법
|
|
align
|
정렬 |
<HR align="left / center / right">
|
| class |
스타일시트 적용(여러번) |
<HR class="클래스명">
|
| id |
스타일시트 적용(한번) |
<HR id="아이디">
|
| color |
색상값 지정 |
<HR color="색상이름 / 색상코드">
|
| size |
선 두께 설정 |
<HR size="1">
|
| width |
선 길이 설정 |
<HR width="100%">
|
| noshade |
선의 음영 해제 |
<HR noshade>
|
| title |
풍선도움말 |
<HR title="1 단원">
|
|
| |
|
|
| |
|
⊙ Hn 태그 속성 사용 예
|
|
|
|
코드 작성
|
실행결과
|
<html>
<head>
<title>Hn 태그의 align 속성 사용 예</title>
</head>
<body>
<hr size="1">기본색상, 기본크기
<hr size="2" color="red">
<hr size="3" color="blue">
<hr size="5" color="green">
<hr size="10" color="#333333">
<hr size="20" color="#777777">
</body>
</html>
|
기본크기, 기본색상
줄바꿈이 발생합니다.
|
|
|
|
|
| |
|
|
|
|
|
코드 작성
|
실행결과
|
<html>
<head>
<title>Hn 태그의 align 속성 사용 예</title>
</head>
<body>
<hr size="10" align="left" width="50%">
<hr size="10" align="center" width="50%">
<hr size="10" align="right" width="50%">정렬속성입니다.
<hr size="10" align="left" width="30%">
<hr size="10" align="left" width="30%" noshade>
<hr size="10" align="left" width="60%" color="blue">
<hr size="10" align="left" width="60%" color="blue" noshade>
<hr size="10" align="left" width="90%" color="red">
<hr size="10" align="left" width="90%" color="red" noshade>
색상이 들어가면 음영이 반영되지 않습니다.
</body>
</html>
|
정렬속성입니다.
색상이 들어가면 음영이 반영되지 않습니다.
|
|
|
|
|
| |
|
|
|
|
|