HTML에서 새 줄 시작
이 기사에서는 HTML 코드에서 줄을 나누는 세 가지 방법에 대해 설명합니다. 줄을 끊는 것은 일반적으로 거기에서 새 줄을 시작하는 것을 의미합니다.
<br> 태그를 사용하여 HTML에서 줄 바꿈
<br> 태그를 사용하여 HTML 코드에서 줄을 깰 수 있습니다. HTML 코드의 <body> 안에 원하는 것을 입력하고, 줄을 변경하고 싶을 때 내용 바로 뒤에 <br> 태그를 사용하여 내용을 다시 입력하기 시작합니다. <br> 대신 <br/> 태그를 사용할 수도 있습니다. 그러면 위와 같은 결과가 나옵니다. 또한 두 개의 줄 바꿈을 삽입하려면 <br> 태그를 두 번 입력할 수 있습니다. 그것은 우리가 원하는 줄 바꿈의 수를 의미합니다. <br> 태그를 동일한 횟수만큼 입력해야 합니다.
예를 들어 HTML 본문 안에 원하는 텍스트를 작성합니다. 줄 바꿈하려는 텍스트 뒤에 <br> 태그를 사용합니다. 그러면 나머지 독자가 다른 행으로 이동합니다. 텍스트의 아무 곳에서나 태그를 연속으로 두 번 사용합니다.
아래 예에서는 HTML 코드의 특정 텍스트 뒤에 새 줄을 만듭니다. 아래 코드의 HTML 본문 내 첫 번째 문장 뒤에 <br> 태그가 줄을 끊습니다. 결과적으로 나머지 텍스트는 다음 줄로 전환됩니다. 이 줄을 완성한 후 <br/> 태그가 두 번 사용되어 줄이 두 번 끊어졌음을 암시합니다.
예제 코드:
<body>
Hi, I am here to learn how to break the line in HTML. <br> In this method, I'm using the br tag. <br/> <br/> I would like to be a good programmer in the future.
</body>
출력:
Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the br tag.
I want to be a good programmer in the future.
<pre> 태그를 사용하여 HTML에서 줄 바꿈
HTML 본문 내에서 <pre> 태그를 사용하여 줄을 깰 수도 있습니다. 이 방법은 위에서 설명한 방법과 약간 다릅니다. <pre> 요소는 텍스트를 입력한 대로 정확하게 표시하는 데 도움이 됩니다. <pre> 태그 내부에서 원하는 위치에 Enter 버튼을 눌러 다른 줄에 텍스트를 입력하고 태그를 닫습니다. 따라서 입력한 대로 텍스트를 별도의 줄에 표시합니다. 그러나 <pre> 태그를 사용하지 않으면 텍스트에서 Enter 키를 몇 번 눌러도 텍스트가 줄 바꿈 없이 같은 줄에 표시됩니다.
예를 들어, HTML 본문 안에 <pre> 태그를 작성하십시오. 그런 다음 원하는 텍스트를 입력하고 줄 바꿈을 삽입하려는 위치에 Enter 키를 눌러 줄 바꿈을 지정합니다. 텍스트 작성이 끝나면 </pre> 태그를 닫고 <body> 태그를 닫습니다.
아래 그림은 HTML 코드에서 줄 바꿈을 만듭니다. 원하는 텍스트를 입력하고 HTML 본문 내부의 텍스트에 Enter 키를 누르면 줄 바꿈이 삽입됩니다. <pre> 태그는 입력된 것과 동일한 방식으로 출력을 표시하는 데 도움이 됩니다. <pre> 태그가 생략되면 모든 텍스트가 같은 줄에 나타납니다. 이것은 <pre> 태그가 줄 바꿈을 삽입하는 데 도움이 된다는 것을 보여줍니다.
예제 코드:
<body>
<pre>
Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the pre tag.
I would like to be a good programmer in the future.
</pre>
</body>
출력:
<p> 태그를 사용하여 HTML에서 줄 바꿈
<p> 태그를 사용하여 HTML 코드에서 줄을 깰 수도 있습니다. 이 태그는 텍스트의 단락을 결정합니다. 블록 수준 요소입니다. 따라서 항상 새 줄에서 시작합니다. 따라서 본문 내부의 모든 줄을 시작하기 전에 <p> 태그를 작성하고 종료 후에 </p>를 작성하면 줄을 끊는 데 도움이 됩니다.
예를 들어 <p> 태그를 작성하고 원하는 텍스트를 입력하고 교과서 작성이 끝나면 </p> 태그를 작성합니다. 그런 다음 원하는 때까지 같은 과정을 계속 반복합니다. 모든 텍스트 작성을 완료한 후에는 HTML의 body 태그를 닫는 것을 잊지 마십시오.
아래 그림도 새 줄을 만듭니다. <p> 태그를 입력하면 단락이 시작되고 </p> 태그가 입력되면 단락이 종료됩니다. 새 단락은 항상 새 줄에서 시작한다는 것을 알고 있으므로 텍스트에서 동일한 태그를 다시 사용하면 다음 줄에 새 줄을 나타내는 가 나타납니다.
예제 코드:
<body>
<p> Hi, I am here to learn how to break the line in HTML. </p>
<p>In this method I'm using the p tag.</p>
<p>I would like to be a good programmer in the future.</p>
</body>
</html>
출력:
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn