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

 
Previous Post 비베(VB, VBA, VBS)에서 엔터키(Enter Key) 표현; 줄바꿈 문자 넣기file 명령; 파일 명령 용도 사용법 예제; UNIX, LINUX 명령어워드(MS-WORD)문서, 한글(HWP)파일 합치기, 수동으로 병합; DOC Merge윈도우] 텍스트 파일 합치기 명령어; Text File (.TXT) 문서 병합 방법; TX...포토샵] 사진 크기 조절; 이미지 사이즈 조정 변경; Image Size PhotoshopVIM VI GVIM: 특수 문자 보기, 줄바꿈 문자(엔터키) 탭(Tab)문자 보이게 하는 명령배치파일] 윈도우 환경변수를 echo 로 출력 하는 법; PRINT Environment ...배치파일] %1 %2 %3 퍼센트 일,이,삼 기호의 의미; DOS BAT ArgumentC언어] 0.0 ~ 1.0 범위 실수 난수; 실수형 랜덤 생성; Random Double정규식] 대소문자 구분 없이 찾기, 매치 시키기; Regex Ignore Case Perl

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

Friday, December 01, 2006
스폰서 링크

업데이트: 아래 주소에, 텍스트를 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 로 변환

더 읽기:
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

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