-
[컴퓨터_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 [부록]정보사회와 컴퓨터반응형'Computer Sci‧ence > 정보사회와 컴퓨터,컴퓨터 일반' 카테고리의 다른 글
[컴퓨터_일반]사운드란 (0) 2014.01.31 [컴퓨터_Internet(I/P)]SGML(Standard Generalized Markup Language) (0) 2014.01.30 [컴퓨터_일반]Eudora(유도라) 메일 관리 프로그램 (0) 2014.01.28 [컴퓨터_Internet(I/P)]검색 연산자 (0) 2014.01.27 [컴퓨터_Internet(I/P)]검색 엔진& 포털(입구) (0) 2014.01.26 - <HTML> ... </HTML>