본문 바로가기

태그및 css

HR태그

수평선 긋기 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>

hr태그 예제

 

'태그및 css' 카테고리의 다른 글

iframe, span, div태그  (0) 2019.02.15
Form태그  (0) 2019.02.15
MarQuee  (0) 2019.02.15
Pre 태그  (0) 2019.02.15
<span>태그  (0) 2019.02.15