ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [컴퓨터_Internet(I/P)]HTML 문서의 기본 구조&태그
    Computer Sci‧ence/정보사회와 컴퓨터,컴퓨터 일반 2014. 1. 29. 01:24
    반응형
    • <HTML> ... </HTML> 
      HTML로 작성된 문서임을 알려 주는 것으로, 문서의 시작과 끝에 쓰인다. 

    • <HEAD> ...  </HEAD>
      문서의 헤드 부분임을 알려 준다. 문서의 제목을 제목 표시줄에 표시하는 부분으로, 반드시 <TITLE> 태그와 함께 사용해야 한다, 

    • <TITLE> ... </TITLE>
      웹 브라우저의 상단에 나타나는 문구를 넣는 태그로, HTML의 설명이나 인사말 등을 입력한다. 

    • <BODY> ... </BODY>
      문서의 본문도 헤더와 마찬가지로 시작과 끝이 있는데, 이것을 알리는 태그이다. <BODY> 태그는 HTML 문서의 가장 핵심이 되는 것으로, 이 곳에 표현하고자 하는 모든 문서의 내용들이 들어가는 만큼 거의 대부분의 태그들이 이 안에 들어간다. 

    • <Hn>
      문서의 제목 글자를 입력하는데 사용하며, H1~H6지정할 수 있다. 숫자가 작을수록 큰 글자이다. 

    • <FONT>
      글자의 크기를 지정하는 'size', 색상을 지정하는 'color', 글꼴을 지정하는 'face'등의 속성이 있다. 

    • 문단 관련 태그
      • <BR>: 줄 바꾸기
      • <P>: 문단 구분
      • <CENTER>,<DIV align="left, right,center": 문단의 위치를 변경
      • <HR>: 수평선으로 문단 구분

    • 목록 관련 태그
      • <UL> ... </UL>: 번호 없는 목록 만들기
      • <OL> ... </OL>: 번호 달린 목록 만들기
      • <DL> ... </DL>: 정의 목록 만들기

    • 배경과 이미지 관련 태그
      • 주조색: 홈 페이지 전체에서 가장 많은 비중을 차지하며 사이트의 분위기를 결정하는 색
      • 강조색: 시각적으로 효과를 높이는 색
      • src="이미지 파일 이름": 삽입될 이미지 파일을 지정한다.
      • align="left", "right", "top". "middle", "bottom": 이미지와 함께 입력되는 문자의 위치를 지정한다.
      • border="숫자": 이미지 경계선의 두께를 설정한다. 숫자가 커질수록 두꺼워진다. 픽셀 단위로 입력한다.
      • height="숫자", width="숫자": height는 이미지의 높이를 지정하는 것이고, widtth는 이미지의 너비를 지정하는 것으로 픽셀 단위나 %단위로 입력할 수 있다. 
      • autostart="true/false": 자동 실행 여부 지정

    • 표 관련 태그
      • <TABLE> ... </TABLE>: 표의 시작과 끝을 나타내며 표의 두께, 색, 표의 배경 등을 지정할 수 있다.
      • <TR> ... </TR>: 표의 가로선을 그려준다.
      • <TD> ... </TD>: 표의 세로선을 그려준다.
      • <TH> ... </TH>: 세로선을 그려 주며 자동으로 가운데 정렬이 된다.
      • <CAPTION> ... </CAPTION>: 표에 대한 설명이나 제목을 넣을 때 사용된다. 

    • 일반 HTML문서 구조와 프레임 문서 구조의 차이
    •  일반 문서

      프레임 기능이 지원된 문서 

       <HTML>

      <HTML> 

       <HEAD>

      <HEAD> 

       <TITLE> ... </TITLE>  

      <TITLE>...</TITLE> 

       </HEAD> 

      </HEAD> 

       <BODY>

       </BODY>

       </HTML> 

      <FRAMESET>

      </FRAMESET>

      </HTML> 


    • 폼 태그   
      • <FORM> ... </FORM>
      • 사용자의 의견을 받을 수 있다. 폼 태그는 홈 페이지에서 흔히 볼 수 있는 게시판, 방명록, 회원 신청서 등의 양식을 만들 수 있게 하고, 만들어진 양식에 정보를 입력하면 이 정보를 서버에 전달하는 역할을 수행한다. 이러한 처리는 HTML만으로는 불가능 하므로 폼 태그를 통해 만든 양식에 입력된 정보를 처리한다. 이와 같이 사용자의 입력에 따라 특정한 처리를 하는 방식이 바로 CGI(Common Gateway Interface)이다. CGI는 일종의 프로그램이며, 이용한 서비스에는 게시판과 방명록, 카운터 등이 있다. 

      • FastCGI(패스트 시지아이)
        FastCGI는 대부분의 웹 서버에서 응용 프로그램을 호출 할 때 사용하는 방법인 CGI의 속도를 증진시키기 위한 프로그래밍 인터페이스이다. FastCGI 개발자들에 의하면, 웹 사이트로 들어와서 특정 응용 프로그램을 사용하는 사용자 요청이 3~30배 정도 더 빠르게 처리될 수 있다고 한다. FastCGI는 웹 서버의 플러그인이다. 이러한 성능 향상을 얻기 위해서는 기존의 서버 응용 프로그램들에 아주 작은 변경만 하면 된다. 


    출처& 참조: (주)영진.com [부록]정보사회와 컴퓨터


    반응형

    댓글

Designed by Tistory.