pds_home

HTTP 와 HTML의 차이

관리자

2023-12-06 11:45:10, 조회 : 27, 추천 : 21

HTML(HyperText Markup Language)

HTTP(HyperText Transfer Protocol)

HTTP와 HTML은 웹 개발에서 중요한 개념이지만 서로 다른 개념입니다.
HTTP(HyperText Transfer Protocol)는 인터넷에서 데이터를 주고받기 위한 프로토콜입니다. 클라이언트(웹 브라우저)와 서버 간에 데이터를 전송하기 위한 규칙을 정의하며, 웹 페이지를 요청하고 응답하는 역할을 담당합니다. HTTP는 요청(request)과 응답(response)으로 구성되며, 인터넷을 기반으로한 웹 통신을 가능하게 합니다.
HTML(HyperText Markup Language)은 웹 페이지를 구성하는 마크업 언어입니다. 웹 브라우저에게 어떻게 컨텐츠를 보여줄지 설명하는 역할을 합니다. HTML은 요소(elements)와 태그(tags)를 사용하여 문서의 구조와 내용을 정의합니다. 예를 들어, `<h1>` 태그를 사용하면 큰 제목을 표시할 수 있고, `<p>` 태그를 사용하면 문단을 만들 수 있습니다. HTML은 웹 페이지를 작성하는 데 사용되며, 웹 페이지의 기본적인 구조를 정의하는 언어입니다.
요약하자면, HTTP는 웹 서버와 웹 브라우저 간의 통신을 담당하는 프로토콜이고, HTML은 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다.

HTML 기본문법 구조

<!DOCTYPE html>은 HTML 버전을 지정하고, 이 문서가 HTML 문서임을 선언하는 부분입니다. 그리고 <html> 태그는 HTML 문서의 루트 요소로서, 모든 내용은 이 태그 안에 작성됩니다.
<head> 태그는 HTML 문서의 메타 데이터를 포함하며, 브라우저에게 웹 페이지 제목, 스타일 시트, 자바스크립트 파일 등을 알려줍니다. 이 요소는 <html> 태그 안에 위치해야 하며, <body> 태그 전에 작성되어야 합니다.
<body> 태그는 실제 HTML 콘텐츠를 포함하는 부분입니다. 화면에 표시될 모든 콘텐츠는 이 태그 안에 작성됩니다.
따라서, <!DOCTYPE html> 다음에 <html> 태그가 나와야 하며, <html> 태그 안에 <head> 태그와 <body> 태그가 자식 요소로 들어가야 합니다. 띄어쓰기를 하지 않아도 작동하는 이유는 브라우저들이 HTML 문서를 파싱할 때, 일부 공백을 무시하기 때문입니다.
자식 요소를 넣는 방법은 간단합니다. 부모 요소 안에 자식 요소를 작성하면 됩니다. 예를 들어, <html> 태그 안에는 <head> 태그와 <body> 태그가 들어가며, <head> 태그 안에는 <title> 태그가 들어갑니다.
요약하자면, HTML 문서 구조는 다음과 같습니다:
<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    
  </body>
</html>
자식 요소를 넣는 방법은 부모 요소 안에 작성하면 됩니다.
위 내용이 도움이 되었길 바랍니다. 감사합니다.

바른생활 NZEO

글은 인터넷에서 자신을 나타내는 유일한 모습입니다.
상대에게 상처를 주기보다 같이 즐거워 할 수 있는 코멘트 부탁드려요.

2024-05-22
02:13:58

Name

Password

Comment
▼

답글달기 추천하기

목록보기 글쓰기