[HTML] 텍스트 그대로 표현되는 <pre> 태그 (줄 바꿈 그대로 표현)

줄 바꿈 등 텍스트가 그대로 표현되는 태그에 대해 알아봅시다.

 

 

---

 

<pre> 태그 사용법 및 활용

 

<p>
여기서 줄바꿈하려면 <br>
태그를 꼭 써줘야한다.
</p>

 

①  보통 줄 바꿈을 할 경우

원래는 줄바꿈 태그인 <br> 태그를 붙여야만

실제 보이는 화면에서 줄 바꿈이 적용되어 보입니다.

 

-

 

반응형

 

---

 

 

 

②  <pre>태그 사용 시

<pre> 태그를 사용하면

태그 안쪽에 적은 글자 표현 그대로 적용됩니다.

 

---

 

320x100

 

③ <pre> 태그 활용

평소에 사용하는 태그는 아니고

자주 사용하는 곳은 개인정보처리 방침 등

엄청나게 긴 설명을 적을 때 사용합니다.

 

긴 글들을 하나하나 <br> 태그를 넣어서 수정하는 것이 아니라

<pre> 태그를 이용하면

조금 더 간편하게 제작 및 유지 보수가 가능하죠..

 

 

---

이상으로  텍스트 그대로 표현되는 <pre> 태그였습니다.

도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.

 

 

[같이 보면 좋은 포스팅]

[coding/개발 팁] - [VS Code] html 미리보기 확장팩

[VS Code] html 미리보기 확장팩

[coding/html + css] - html 특수기호 코드 -엔티티코드(entity code)

html 특수기호 코드 -엔티티코드(entity code)

 

 

 

그럼 이만.

총총.

 

*정말 감사하지만 중복 댓글은 삭제하고 있습니다.