Blog Content

    티스토리 뷰

    08.HTML- 글자(폰트)

    반응형
    현재 html에서는 <font>태그가 사용되지 않고 있습니다..
    스타일쉬트를 사용하여 손쉽게 설정 할 수가 있기 때문입니다..
    여기서는 폰트태그를 사용하여 크기, 색상,글꼴체를 바꿔 보도록 합니다..
     

    그림8-1

    <html xmlns="http://www.w3.org/1999/xhtml" />
    <head>
       <title> 특수문자 표시 </title>
    <body>
       <div>
    <font>기본글꼴</font> <br />

     <font size="7">크기</font> <br />

     <font color="blue">색상</font> <br />

     <font face="궁서" size="7">글꼴 </font><br />
       </div>
    </body>
    </head>
    </html>


    현재 많은 웹 사이트에서 사용되고 있는 스타일쉬트를 이용하여 표현하면 다음과 같다.

    결과는 모두 같음
    <span style="color:black; font-size:9pt; font-family:맑은 고딕;">안녕하세요.</span> <br />

    <span style="color:black; font-size:9pt; font-family:verdana;">안녕하세요.</span> <br />



    추가 설명
    <font>태그에서 기본 글꼴 크기 -> size="7"
    한글 글꼴 중에서 궁서 와 궁서체가 있다.
    차이점은 뒤에 "체"가 붙은것은 딱딱 끊어서 정사각형 안에 글꼴을 채우는것이고,
    일반 글꼴은 이와 반대라고 보면 이해하기 쉽다.

    반응형

    Comments