HTML-개요

HTML은 Hypert내선 M아크 업 Language는 웹 페이지를 작성하는 데 가장 널리 사용되는 언어입니다.

  • Hypertext웹 페이지 (HTML 문서)가 서로 연결되는 방식을 나타냅니다. 따라서 웹 페이지에서 사용할 수있는 링크를 하이퍼 텍스트라고합니다.

  • 이름에서 알 수 있듯이 HTML은 Markup Language 즉, HTML을 사용하여 웹 브라우저에 표시 할 구성 방법을 알려주는 태그로 텍스트 문서를 "마크 업"합니다.

원래 HTML은 연구자 간의 과학적 정보 공유를 용이하게하기 위해 제목, 단락, 목록 등과 같은 문서의 구조를 정의 할 목적으로 개발되었습니다.

이제 HTML은 HTML 언어로 제공되는 다양한 태그를 사용하여 웹 페이지 형식을 지정하는 데 널리 사용되고 있습니다.

기본 HTML 문서

가장 간단한 형식으로 다음은 HTML 문서의 예입니다.

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

HTML 태그

앞서 말했듯이 HTML은 마크 업 언어이며 다양한 태그를 사용하여 콘텐츠 형식을 지정합니다. 이 태그는 꺾쇠 괄호로 묶여 있습니다.<Tag Name>. 몇 개의 태그를 제외하고 대부분의 태그에는 해당하는 닫기 태그가 있습니다. 예를 들면<html> 닫는 태그가 있습니다. </html><body> 태그에는 닫는 태그가 있습니다. </body> 태그 등

위의 HTML 문서 예제는 다음 태그를 사용합니다-

Sr. 아니요 태그 및 설명
1 <!DOCTYPE...>

이 태그는 문서 유형 및 HTML 버전을 정의합니다.

2 <html>

이 태그는 전체 HTML 문서를 포함하며 주로 <head> ... </ head>로 표시되는 문서 헤더와 <body> ... </ body> 태그로 표시되는 문서 본문으로 구성됩니다.

<head>

이 태그는 <title>, <link> 등과 같은 다른 HTML 태그를 유지할 수있는 문서의 헤더를 나타냅니다.

4 <title>

<title> 태그는 문서 제목을 언급하기 위해 <head> 태그 내에서 사용됩니다.

5 <body>

이 태그는 <h1>, <div>, <p> 등과 같은 다른 HTML 태그를 유지하는 문서의 본문을 나타냅니다.

6 <h1>

이 태그는 제목을 나타냅니다.

7 <p>

이 태그는 단락을 나타냅니다.

HTML을 배우려면 텍스트 문서의 서식을 지정하는 동안 다양한 태그를 연구하고 태그가 어떻게 작동하는지 이해해야합니다. HTML을 배우는 것은 사용자가 멋진 웹 페이지를 만들기 위해 텍스트 나 이미지의 형식을 지정하기 위해 다른 태그의 사용법을 배워야하기 때문에 간단합니다.

World Wide Web Consortium (W3C)은 HTML 4부터 시작하는 소문자 태그를 사용할 것을 권장합니다.

HTML 문서 구조

일반적인 HTML 문서는 다음과 같은 구조를 갖습니다.

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

다음 장에서 모든 헤더 및 본문 태그를 연구 할 것이지만 지금은 문서 선언 태그가 무엇인지 살펴 보겠습니다.

<! DOCTYPE> 선언

<! DOCTYPE> 선언 태그는 웹 브라우저에서 문서에 사용 된 HTML 버전을 이해하는 데 사용됩니다. 현재 HTML 버전은 5이며 다음 선언을 사용합니다.

<!DOCTYPE html>

사용중인 HTML 버전에 따라 HTML 문서에서 사용할 수있는 다른 선언 유형이 많이 있습니다. 다른 HTML 태그와 함께 <! DOCTYPE ...> 태그를 논의하면서 이에 대한 자세한 내용을 볼 수 있습니다.