mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Friday, December 01, 2006

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


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



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

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

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

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


<pre>
탭문자 앞에 없음
        탭문자 앞에 있음
        탭문자 앞에 있음
탭문자 앞에 없음


공백문자 없음
 공백문자 앞에 1개 있음
  공백문자 앞에 2개 있음
   공백문자 앞에 3개 있음
    공백문자 앞에 4개 있음
공백문자 없음
</pre>



HTML 출력 결과 화면:
탭문자 앞에 없음
        탭문자 앞에 있음
        탭문자 앞에 있음
탭문자 앞에 없음


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


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

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

&nbsp; &nbsp; &nbsp; &nbsp; 탭문자 앞에 있음



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

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




tag: html
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top