HTML 과 CSS 에서 문단 단락 띄어쓰기 ( 엔터 키 )하는 방법이 어떻게 되나요 ???

 

 

 안녕하세요 오늘 포스팅에서는 HTML 과 CSS에서 문단 단락의 띄어쓰기 하는 방법에 대해서 알아보도록 하겠습니다. 우리가 사용하는 HTML 입력창 편집기에서 엔터를 직접 입력해주는 경우와, 결과 창에 나오는 결과랑 완전히 다른 경우가 있습니다. 그 중 가장 첫번째가 이 엔터키 인데요 단락 띄어쓰기는 우리가 입력해주는 키를 컴퓨터가 입력받지 못하게 됩니다. 그렇기에 당연히, 출력 창에서도 그 결과 값을 입력 받지 못하여 띄어쓰기가 안 되는 모습을 볼 수 있죠.

 

 

 이러한 경우를 예를 들어, 설명 하겠습니다.

 

 

 

 위의 예시처럼 VSCODE 와 같은 입력창에서 코드를 입력해주었는데 제대로 인식이 단락 띄어쓰기 (엔터 키) 가 입력이 안 되는 것을 확인할 수 있습니다. 

 

 

 아까 입력창의 결과 값으로 지금 붙여넣은 사진을 입력할 수 있는데, 띄어쓰기가 제대로 입력되지 않은 것을 제대로 확인할 수 있습니다.

 

그렇다면 코드를 어떻게 입력해주어야 할까요? 밑의 예시 1은 우리가 위에서 입력해준 단락 띄어쓰기를 임의로 해준 코드이고, 예시 2는 이럴 때 사용하는 해결책입니다. 그리고 그 아래는 우리가 입력을 제대로 해준 결과창입니다. 같이 한번 보시죠

 

 

 

 <P> 코드를 입력하니 결과가 제대로 입력되는 것을 볼 수 있습니다. 

 

따라서, HTML / CSS 코드에서는

<p>를 입력하면 단락 분리가 가능합니다.

 

 

​

저의 아주 작은 티끌 코딩 글이 블로그 방문자 님의 코딩에 도움이 됐으면 좋겠습니다.

좋아요(❤) 버튼 ↙은 항상 감사합니다.

방문하신 모든 분들 좋은 하루 되세요 : )