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

Friday, December 01, 2006

스폰서 링크

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

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

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

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

HTML 출력 결과 화면:

탭문자 앞에 없음
탭문자 앞에 있음
탭문자 앞에 있음
탭문자 앞에 없음

공백문자 없음
공백문자 앞에 1개 있음
공백문자 앞에 2개 있음
공백문자 앞에 3개 있음
공백문자 앞에 4개 있음
공백문자 없음

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

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

        탭문자 앞에 있음

더 읽기:

0 Comments: