입력한대로1 HTML 코드를 입력한 대로 보여주고 싶을 때 pre 태그 코드를 입력한 대로 나타내고 싶을 때 html로 작업을 하다보면 코딩을 줄바꿈 형태까지 포함해서 입력한 대로 나타내고 싶을 때가 있습니다. 이미지를 사용하지 않고도 코딩 형태만 수정해서 간단하게 보여줄 수 있는 방법이 있습니다. pre 코드를 활용해서 코딩을 입력한 대로 나타내는 방법을 알아보겠습니다. pre 요소 pre 요소는 지정한 영역을 하나의 텍스트로 인식하게 만드는 명령어입니다. 즉, 이미 완성된 형태의 텍스트라고 인식하여 코딩 구문을 있는 그대로 표시해 줍니다. 비교해서 설명하겠습니다. 1. 코드를 그냥 입력했을 시 보통 코딩 형태를 html에서 그대로 입력하면 html이 자동으로 정렬하여 줄바꿈을 수정합니다. 위와 같이 코딩 구문을 정리하면 실행 결과는 다음과 같습니다. 2. pre 요소를 .. 2022. 12. 5. 이전 1 다음