<head>
<title>title of this site</title>
</head>
<body>
<h1>body, h1 of this site<br></h1>
<h2>body, h2 of this site<br></h2>
</body>
HTML은 각각의 태그를 사용하고, 그 태그가 열리고 닫히는 한 쌍입니다.
HEAD 태그는 웹 브라우저가 해석해야 할 HTML 문서의 정보 범위를 지정합니다. 웹 페이지 제목이나 인코딩 방식, 연결할 외부 파일의 위치 등을 미리 세팅하는 곳입니다.
BODY 태그는 사용자가 볼 수 있는 내용 컨텐츠의 위치나 형태, 내용 등을 지정합니다.
클라이언트와 서버 간에 통신을 할 때 사용되는 프로코톨로, 주로 HTML 문서, 이미지, 비디오 등의 리소스를 전송하는 데 사용됩니다.
HTTP 통신의 패킷 구조는 다음과 같습니다.
요청
GET /index.html HTTP/1.1 <!--> HTTP 버전과 메소드, 페이지 위치 -->
Host: test.boramae.dev <!--> 호스트 주소, 이하 내용은 헤더입니다. 요청에 대한 추가 정보입니다. -->
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
Accept: text/html
응답
HTTP/1.1 200 OK <!--> HTTP 버전, 상태 코드, 상태 메시지 입니다. -->
Date: Fri, 17 May 2024 02:54:00 GMT <!--> 날짜와 시간 정보 입니다. -->
Server: Apache/2.4.18 (Ubuntu) <!--> 서버에 대한 정보입니다. 이하 내용은 헤더입니다. 응답에 대한 추가 정보입니다 -->
Content-Type: text/html; charset=UTF-8
Content-Length: 0
<!--> 여기서부터는 본문입니다. 데이터가 포함 됩니다. -->
<html>
<head><title>Example</title></head>
<body><h1>Hello, world!</h1></body>
</html>
HTTP의 메소드에는 GET을 포함한 여러가지가 있습니다.
GET, POST, HEAD 등이 있습니다. 각각의 메소드별로 사용되는 방법, 패킷 내용 등이 다릅니다.