실행 후 C++을 클릭합니다.


코드가 몇 라인 들어가 있습니다.

하단 우측의 설정을 클릭합니다.


HTML 태그자체 복사를 체크 한 후 저장을 누릅니다.

하단 우측의 복사를 클릭하면 클립보드에 태그가 저장됩니다.
여기에 붙여넣기 해보겠습니다.

http://prev.kr/app/ColorScripter" style="color:#010101; text-decoration:none;" target="_blank">Colored By Color Scripter™
1
2
3
4
5
6
7
8
9
10
#include <iostream>
 
int main (void)
{
 
    std::cout<<"Hello World" <<std::endl;
 
    return 0;
 
}

라인이 많아서 복잡하죠?
라인 수를 줄이기 위해서 소스코드를 간단하게 줄이겠습니다.



첫 문자 하나 달랑 남기고 다시 복사를 해서 붙여 넣어 보겠습니다.

http://prev.kr/app/ColorScripter" style="color:#010101; text-decoration:none;" target="_blank">Colored By Color Scripter™
1
#

좀 줄어들었죠?
제일 아래 라인의 가운데에 있는 # 문자가 내용입니다.


들여쓰기하면 이렇게 됩니다.
아래에 코드로도 올려 드릴텐데 라인이 길어서 줄넘김이 발생하므로 위에 그림으로 먼저 올린겁니다.

  
    
      http://prev.kr/app/ColorScripter" style="color:#010101; text-decoration:none;" target="_blank">Colored By Color Scripter™
    
  
  
    
      
        
          
            
1
          
          
            
#
          
        
      
    
  

들여쓰기를 하니 훨씬 이해하기 쉽죠?
내용을 줄여서 태그만 남겨놓으면 아래처럼 됩니다.

  
    
      http://~" target="_blank">Colored By Color Scripter™
    
  
  
    
      
        
          
            
1
          
          
            
#
          
        
      
    
  

각 태그는 세트로 이루어져 있습니다.
 <-- -> 주석 끝
1
 <-- 
 라인시작, 1 표시내용, 
 라인끝
div에 스타일을 지정 할 수도 있습니다.
 
 <-- 끝은 동일
 
 
 
Color Scripter
굵은 글씨
http://~" target="_blank">~~~~

각각의 태그 명령어는 웹검색으로 찾아보시면 됩니다.^^

결과물에서는 라인번호가 나오는데요
테이블로 라인번호와 소스코드를 분리하고 있습니다.

    
      
        
          
            
1
          
          
            
#
          
        
      
    
노란색이 라인번호용 테이블 셀이고
녹색이 소스코드용 테이블 셀입니다.
tr 에서 t는 테이블, r은 row 겠죠
 
설정을 변경 해가면서 태그 출력을 확인 해보세요^^