상세 컨텐츠

본문 제목

글자 태그 명령어

☞디카·컴·인터넷/태그연습

by 산과벗 2008. 2. 27. 10:58

본문

글자 태그
     

   글자는 자체가 디지털 이므로 디지털로의 전환이 필요없고 HTML 명령지시어에 의해서 바로 작성됩니다.
   학습을 통해서 익힌 문자로 그대로 작성하는 것입니다.
   즉. 사람은 학습을 통해서 컴퓨터는 프로그램에 의해서 인식하게 되는거지요.
   그러므로 컴퓨터나 사람이나 동시에 똑같이 인식하면서 작성하게 됩니다.

   글자의 경우 사람은 영상과 같이 직관력이 필요 없습니다.
   컴퓨터와 똑같이 바로 지시해서 작성 하게됩니다.
   사람은 학습을 통해서 컴퓨터는 프로그램을 통해서 똑같이 인식하고 작성하게 되는거지요.
   그 언어가 간단해서 사람도 글자와 같이 학습을 통해서 작성하게 됩니다.

   그럼 기본태그를 소개 합니다.
   아래태그가 글자의 기본태그 입니다.

    <PRE><UL>
    <FONT color=black face=바탕체><DIV style="LINE-HEIGHT: 140%; FONT-SIZE: 15pt"><B>
    2017년 6월산행 일정공지
    <FONT color=blue face=바탕체><DIV style="LINE-HEIGHT: 140%; FONT-SIZE: 10pt"></B>
    2017년 6월산행을 아래와 같이 실시 합니다.

    [해설]
   <PRE> ---> 글자태그 맨앞에 표시하여 모든 글자의 줄과 간격을 전체적으로 통제하는 명령태그로

                   문단의 필수적인 태그 입니다. 
                   Preformatted Text (서식설정 텍스트) 의 뜻으로 PRE 태그로 규약설정된 HTML 언어입니다
                   테이블선 안에서 작성되는 글자, 영상등 모든자료를 테이블선를 기준으로해서 상,하,좌,우 의 

                   여백을 설정해주고 모든자료의 속성값을 지시하게 할 수 있는 서식설정 명령태그 입니다.
                   이 태그가 없으면 문단을 통제할 수 없으며 물리적인 명령수행도할 수 없게됩니다.

                   띄어쓰기도 안되고 처음부터 끝가지 연속적으로 나열만 되게 됩니다.

                   따라서 어떠한 문장을 작성할 수 없게됩니다.  

    <UL> ---> 작성되는 문단을 테이블선에서 좌,우 의 여백을 한칸 띄우라는 태그로 <PRE> 과 함께
                   적용합니다.
                   <PRE><UL> 로 지시합니다.
                   그래서 문자 작성할때 필히 <PRE><UL> 하고 시작을 합니다.

    Font Color=black ---> 글자의 색상 명령어 입니다.
                                    색상 명령어 또는 색상기호로 표시합니다.
                                    black 또는 #000000 , Blue 또는 #0000FF , Red 또는 #FF0000 , 

                                    Green 또는 #008000 등으로 지시를 합니다.

    Font Face=바탕체 ---> 글자체 명령어 입니다. 
                               바탕체, 굴림체, 궁서체, 돋움체, 필기체, verdana, 특수 글자체 등이 있습니다.
                               고딕형(굵은형) <SPAN style="FONT-FAMILY: YDmydarling">
                               고딕형(가는형) <SPAN style="FONT-FAMILY: SDWebBabyLotion"> 등이
                               있으며 특수글자에서는 SPAN 스타일이 적용이 됩니다.

    DIV ---> 이태그는 레이아웃 태그의 일종으로 SPAN 과 2가지 종류가 있습니다.
                 이태그는 문단에 있어서 그자의 크기와 문단 상,하의 간격을 지정해주는 태그 입니다.
                 DIV 속성값을 지정할때 : (콜론) 의 기호를 사용하고 하위속성값을 지정할때는 ; (세미콜론)
                 을 적용을 합니다.
                 그리고 적용될 전체 속성값은 " ~ " 기호로 지정을 합니다.
                 여기서 신규버전인 HTML 5 에서 궁서체에서 DIV 적용이 안되고 SPAN 이 적용됩니다.
                 왜 그런지는 아직 원인을 파악하지 못했습니다.
                 추후 원인 파악되면 알려 드리겠습니다.
                 DIV 는 Inline 프로그래밍언어로 꺽쇠안에서의 속성값을 즉시 처리해 줍니다.
                 이상을 종합해 보면.
                 DIV Style 은 테이블태그안에서 모든자료의 레이아웃을 결정해주는 명령어로 해당자료의
                 속성값 등을 전체적으로 통제하고 지시하는 시스템 태그로 보시면 무난할겁니다.
                 글자뿐만이 아니라 이미지영상자료도 DIV 스타일로 시작해서 하위 명령어의 속성값등을
                 통제하고 지시하는 중요한 역할을 하게됩니다.

    Line-Height : 140% ---> 문단의 상,하간격을 지시해주는 속성어로 : (콜론) 표시로 속성값을 줍니다.
                                       100% 을 기준으로해서 40%만큼의 상,하 간격을 주라는 명령태그 입니다.
                                       보통 130% ~ 150% 정도 적용합니다.
                                       비율(%) 로 하지않고 픽셀로 해도 됩니다.
                                       10pt 크기의 글에 15pt 의 line-Height 을 주면 5pt 의 문단여백을 줍니다.

    Font size : 10pt ---> 글자의 크기를 나타내는 속성태그 입니다.
                              Line-height 하위속성으로 ; (세미콜론) 지정하고 글자크기의 속성값을 줍니다.
                              단위는 픽셀이며 숫자가 커질수록 글자의 크기가 커집니다.
                              그런다음 해당 속성값 전체를 " ~ " 태그로 지정을 해주어야 합니다.

    <B> ----> 글자를 굵게 표시하라는 명령어 입니다.
                   B 앞에 대각선 표시하면 </B> 글자를 가늘게 표시하라는 명령어가 됩니다.

    <   > ---> 이걸 꺽쇠태그라 합니다.
                   HTML 에서 모든 명령어는 이 꺽쇠안에서 이루어 집니다.
                   예을 하나 들어보겠습니다.


    색상을 지정할때 Font Color= 색상 으로 지정을 합니다.
    이때 꺽쇠 태그를 시작과 끝지점에 주어야 합니다.   이렇게요. ---> <Font Color=색상>

    이상과 같이 글자태그는 비교적 간단함으로 암기해서 할 수 있습니다.
    암기가 귀찮으면 복사해서 속성값만 바꾸어주어도 됩니다.
    이상 제가 알고있는 글자태그를 모두 소개해 드렸습니다.
    잘 이해가 안되는 부분은 댓글에 적어주세요.


관련글 더보기