HTML-CSS] 탭 문자(TAB) 표현, 공백(스페이스;Space) 넣기; PRE 태그

업데이트: 아래 주소에, 텍스트를 HTML 소스로 자동 변환하는 프로그램을 올렸습니다. 브라우저에서 직접 변환할 수 있습니다:
▶▶ 텍스트를 HTML소스로 변환하기 프로그램; TXT to HTML로

---

HTML에서는 탭(Tab) 문자를 직접적으로 표현할 수는 없습니다.

그러나 탭문자가 든 텍스트를, <pre> </pre> 태그 사이에 넣어서 표현하면 탭문자를 쓸 수 있습니다.

여러 개의 공백 문자도 쓸 수 있습니다.

PRE Tag: HTML에 탭 문자/스페이스 표현 예제

HTML 출력 결과 화면:


일반 홈페이지에서는 PRE 태그를 쓸 수 있지만, 저의 블로그 같은 경우에는 좀 쓰기 곤란하더군요. 시스템에서 PRE 태그를 부자연스러운 방법으로 처리하기 때문에...

그래서 저의 경우에는 다음과 같이 탭문자 1개를 8개의 공백으로 만들어서 표현하고 있습니다:




▶▶ HTML 공백문자 추가하는 특수기호/코드. 빈 칸(스페이스;Space) 여러 개 적는 법

▶▶ 일반 텍스트 문서(.txt)나 각종 코드를 HTML 로 변환