블로그 이미지
인생의무한루프
인생에 무한루프.....

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Notice

Tag

Recent Post

Archive

Recent Comment

Recent Trackback

2010. 9. 6. 16:24 Web/Etc..

Html 기본 문법


[기본문법]

<html>
      <head>
      <title> 제목 <title>
      <meta> 여러 정보값 입력 </meta>
            <style type="text/css">
                  스타일시트 정의
            </style>
            <script type="text/javascript">

                  자바 스크립트 선언
            </script>
      </head>
      <body>
              화면 구성
      </body>
</html>



[Meta 예제]
      <meta http-equiv="content-type" content="text/html; charset=euc-kr"> - 언어형식 정의.
      <meta http-equiv="refresh" content="10; url=http://naver.coml"> - 오픈시 url로 강제이동.
      <meta name="keywords" content="VC, Web, Java"> - 검색엔진의 키워드에 page를 등록.
      <meta name="descript-xion" content="Programing 관련"> - 검색엔진에 page 설명 요약.



[Style 예제]
      -선언-
      <style type="text/css">
      TestDiv { border-right:1px #9FB0CC solid;padding-bottom:2px; }
      TestTable { float:left;width:50px; solid;padding-top:2px;text-align:center; }
      TestTD { width:100%;height:0px;font-size:9pt;font-family:굴림체; }
      </style>
      
      -사용-
       <div id="Div">
               <table id="TestTable"></table>
       </div>
     *css 파일을 통한 공통 스타일시트 적용시 최상위에 css 파일만 선언해 줘도 된다. 
     <link rel="stylesheet" type="text/css" href="/path/css/teststyle.css">



[JavaScript 예제]
       -선언-
       <script type="text/javascript">
        function fnTest()
        {
               return 100;
        }
       -사용-
       <input type="checkbox" id="testCheck" checked value="T" onclick="fnTest()"> ~~~
     *js 파일을 통한 공통 스크립트를 적용시 최상위에 js 파일만 선언해 줘도 된다. 
     <script type="text/javascript" src="/path/scripts/testscripts.js"></script>



[Body 예제]
      기본태그들을 사용하여 화면을 구성하면 된다.
posted by 인생의무한루프