HTML에서는 다음과 같은 다양한 방법을 사용하여 문서에 가로선을 쉽게 추가할 수 있습니다.
- HTML 태그 사용
- 내부 CSS 사용
HTML 사용
다음을 사용하여 Html 문서에 수평선을 추가하려면 HTML 태그 , 그러면 아래에 제공된 단계를 따라야 합니다. 다음 단계를 사용하면 다음 줄을 쉽게 추가할 수 있습니다.
1 단계: 먼저, 텍스트 편집기에 Html 코드를 입력하거나 수평선을 추가하려는 텍스트 편집기에서 기존 Html 파일을 열어야 합니다.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
2 단계: 이제 Html 문서에서 줄을 추가하려는 지점에 커서를 놓습니다. 그리고 나서 우리는
해당 시점의 HTML 태그입니다.
<hr>
3단계: 이제 속성을 추가해야 합니다.
선의 크기, 색상, 너비를 정의하는 태그입니다. 따라서 크기, 너비 및 색상 속성을 입력해야 합니다.
꼬리표.
<hr>
4단계: 그런 다음 이러한 속성의 값을 지정해야 합니다.
<hr>
5단계: 그리고 마지막으로 HTML 코드를 저장한 다음 브라우저에서 파일을 실행해야 합니다.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.지금 테스트해보세요
위 HTML 코드의 출력은 다음 스크린샷에 표시됩니다.
내부 CSS 사용
내부 스타일시트를 사용하여 Html 문서에 수평선을 추가하려면 아래에 제공된 단계를 따라야 합니다. 다음 단계를 사용하면 다음 줄을 쉽게 추가할 수 있습니다.
1 단계: 먼저, 텍스트 편집기에 Html 코드를 입력하거나 수평선을 추가하려는 텍스트 편집기에서 기존 Html 파일을 열어야 합니다.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
2 단계: 이제 제목 태그를 닫은 바로 뒤에 커서를 놓아야 합니다. 머리 태그 Html 문서의 내부 스타일을 정의합니다. 다음 블록에 표시된 대로 태그를 지정합니다. 그런 다음 수평선 스타일을 지정하기 위해 hr CSS 태그를 입력해야 합니다.
Add the Line using Internal CSS. hr { } 3단계: 이제 hr CSS 태그의 속성을 정의해야 합니다. 따라서 다음 블록에서 다양한 속성을 정의합니다.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } 4단계: 이제 다음을 입력해야 합니다.
HTML 문서 본문에 태그를 추가하여 웹 페이지에 수평선을 표시합니다. 그리고 마지막으로 HTML 파일을 저장한 후 인터넷 브라우저에서 해당 파일을 실행해야 합니다.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. 지금 테스트해보세요 위 HTML 코드의 출력은 다음 스크린샷에 표시됩니다.
