HTML <hr> 태그 : 수평선 태그(Horizontal Rule)

<hr> HTML 태그는 수평선을 만드는 데 사용됩니다.

<hr> 태그 예제

					
					
<html>
 <head>
    <title>html hr 태그 예제샘플</title>
 </head>
 <body>
   <h1>hr 태그의 예제샘플입니다</h1>
   <p>

     사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
     <br>
       <hr id="firstRule" noshade color="blue">
      1 식물 정보 
       <hr id="firstRule" color="blue">
      2 역사
      <p>
      <hr><br>
      <HR width="50%" align="center"><br>
      <HR size="5" width="50%" align="center"><br>
      <HR noshade size="5" width="50%" align="center"><br>

</body>
</html>


					
					

[예제 결과보기및 소스코드 수정하기]

<hr> 태그 속성

align : 콘텐츠 정렬을 지정합니다.

align 속성 값 :

left : 텍스트나 이미지를 좌측 정렬합니다.

center : 텍스트나 이미지를 가운데 정렬합니다.

right : 텍스트나 이미지를 우측 정렬합니다. class : 문서의 요소를 식별합니다.

dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.

id : 문서의 요소를 식별합니다.

lang : 요소의 내용의 언어를 지정합니다.

noshade : 선 한 단색에 렌더링됩니다.

size : 선택 요소에 표시 행의 입력 필드 및 숫자의 초기 폭을 지정하는 것입니다.

style : 요소에 대한 인라인 스타일을 지정합니다.

title : 문서에 대한 제안 제목은 열 수 있습니다.

width : 요소의 너비를 지정하는 것입니다.

<hr> 태그 이벤트

onclick : 마우스 클릭에서 스크립트가 실행됩니다.

ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.

onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.

onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.

onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.

onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.

onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.

onkeypress : 키를 누르면 스크립트가 실행됩니다.

onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.

onkeyup : 키가 누른후에 스크립트가 실행됩니다.

 


WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,