>  기사  >  웹 프론트엔드  >  HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명

HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명

不言
不言원래의
2018-10-31 11:29:3642659검색

프런트 엔드 웹 페이지를 개발할 때 때로는 가로 구분선을 사용하여 서로 다른 문서를 구분해야 할 때가 있습니다. 이렇게 하면 전체 웹 페이지가 아름답고 깔끔하게 보이고 특정 텍스트 단락의 중요성도 강조됩니다. 웹 페이지의 가로 구분선은 어떻습니까? 이 기사에서는 HTML에서 가로 구분선을 구현하는 방법을 공유합니다.

HTML에는


태그가 있습니다.
태그를 사용하면 매우 쉽게 가로선을 설정할 수 있습니다.


태그의 정의를 간략히 살펴보겠습니다.


태그는 HTML 페이지에 가로줄을 만듭니다. 부분품.

HTML에서


태그는 닫는 태그가 없는 단일 태그입니다.

그럼 HTML에서
태그에 가로 구분선을 설정하는 방법을 자세히 설명하겠습니다.


태그에 가로 구분선을 설정하는 특성은 가로 구분선 100%입니다. , 전용선을 차지하며, 태그에 의해 설정된 수평선은 콘텐츠 위와 아래에 일정 거리를 두고 위치하게 됩니다.


은 블록 수준 요소이므로
는 한 줄을 차지하고 너비와 높이를 설정할 수 있습니다.


태그에 가로 구분선을 설정하는 예제 코드를 살펴보겠습니다.

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p >
           桃之夭夭,灼灼其华。之子于归,宜其室家。
           <hr width="300" align="left">
           桃之夭夭,有蕡其实。之子于归,宜其家室。
           <hr width="300" align="left">
           桃之夭夭,其叶蓁蓁。之子于归,宜其家人。
           <hr width="300" align="left">
        </p> 
    </body>
</html>


레이블에 가로 구분선을 설정하면 다음과 같은 효과가 있습니다.

HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명

지침:
태그와 태그도 간단한 줄바꿈을 적용하며 단락 정렬은 왼쪽 정렬로 돌아갑니다.

이 기사는
태그에 대한 자세한 내용을 보려면 PHP 중국어 웹사이트의

html 온라인 매뉴얼을 참조하세요.

위 내용은 HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.