수평선 긋기 HR태그 사용법
|
태그 |
속성 |
비고 |
|
<HR>태그 |
<hr width = "비율 or 크기"> |
수평선 화면 비율/크기 조절 |
|
<hr color = "색상"> |
수평선의 색 교체 | |
|
<hr size = "크기"> |
수평선 크기 조절 |
HR태그에는 여러가지 속성이 있으나 위의 3가지 속성이 대표적입니다.
1. width속성은 width="500px" 이렇게 크기를 지정하거나 width="50%" 화면에 나타날 비율을 정할 수 있습니다.
2. color은 HR태그의 색상을 설정할 수 있습니다.
3. size속성을 활용하여 수평선의 굵기도 설정해줄 수 있습니다.
예제
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>문서에 줄을 그어봅시다.</title>
</head>
<body>
1. 웹브라우저의 종류<br>
<hr width = "90%" color = "red">
1. 1 인터넷 익스플로러 <br>
1. 2 파이어폭스 <br>
1. 3 오페라
<hr width = "100%" color = "blue" size = "3">
2. 운영체제의 종류<br>
<hr width = "90%" color = "red">
2. 1 Windows XP<br>
2. 2 리눅스<br>
2. 3 맥 OS<br>
</body>
</html>
'태그및 css' 카테고리의 다른 글
| DIv태그 사용법 (0) | 2019.02.15 |
|---|---|
| <span>태그 사용법 (0) | 2019.02.15 |
| input type (0) | 2019.02.15 |
| Form태그 회원가입양식 메일보내기 (0) | 2019.02.15 |
| UL 태그, OL태그, DL태그, LI태그 사용법 (0) | 2019.02.15 |