게시판 > [하이라이트만들기] HTML 태그 - 2 ColorScripter2.1.3 기능파악

TODAY1,316 TOTAL735,023
사이트 이용안내
Login▼/회원가입
최신글보기 질문게시판 기술자료 동영상강좌

아두이노 센서 ATMEGA128 PWM LED 초음파 AVR 블루투스 LCD UART 모터 적외선


BASIC4MCU | 게시판 | 일반 | [하이라이트만들기] HTML 태그 - 2 ColorScripter2.1.3 기능파악

페이지 정보

작성자 master 작성일2018-02-23 20:59 조회930회 댓글0건

본문

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

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

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

1904378426_tNHOq0gC_25EC25A0259C25EB25AA25A9_25EC2597258625EC259D258C.png3Ftype3Dw740
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;
 
}

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

1904378426_T56aLOuB_25EC25A0259C25EB25AA25A9_25EC2597258625EC259D258C.png3Ftype3Dw740

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

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

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

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

 
   
      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 겠죠
 
설정을 변경 해가면서 태그 출력을 확인 해보세요^^

댓글 0

조회수 930

등록된 댓글이 없습니다.

게시판HOME > 게시판 > 전체 목록

게시물 검색

2019년 1월 2월 3월 4월 5월 6월 7월 8월 9월 10월 11월 12월
2018년 1월 2월 3월 4월 5월 6월 7월 8월 9월 10월 11월 12월
Privacy Policy
MCU BASIC ⓒ 2019
모바일버전으로보기