이 글은 w3school을 보고 제 멋대로 정리한 글로써, 미흡한 부분이 있더라도 감안하여 주시면 감사하겠습니다.
HTML은 Hyper Text Markup Language의 약자로써, 웹페이지를 만들기 위해 사용됩니다.
아주 간단한 HTML 문서로 예를 들어 보겠습니다.
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
위의 코드는 아주 간단한 기본적인 HTML 코드입니다. 이 코드는 웹페이지에서 다음과 같이 보여집니다.
Page TitleMy First Heading
My first paragraph.
위의 HTML 코드를 태그별로 조금 더 자세히 살펴보겠습니다.
<!DOCTYPE html>
: HTML5 문서 유형임을 선언하여 브라우저가 이 유형의 문서를 올바르게 표시할 수 있도록 합니다. 모든 HTML5 문서는 이러한 유형 선언으로 시작해야 합니다.
<html>
: HTML 문서는 유형 선언 이후 첫 시작 부분에 <html>
로 시작하여 문서 끝 부분이 </html>
로 끝나야 합니다.
<head>
: HTML에 포함될 메타 정보들이 <head>
태그 안에 정의됩니다. 메타 정보에 대하여는 이후에 더 자세히 설명하겠습니다.
<title>
: <head>
태그 안에 선언되며, 웹 페이지의 제목 표시줄이나 탭 제목을 지정합니다.
<body>
: 실제로 웹 페이지에서 보이는 부분에 해당합니다. 우리가 HTML에서 가장 많이 만져야할 부분이기도 합니다.
<h1>
: heading 태그의 하나로써, 큰 제목을 정의하며 그 중요도에 따라 가장 큰 중요한 제목을 나타내는 <h1>
부터 가장 덜 중요한 제목을 나타내는 <h6>
까지 있습니다.
<p>
: 문단을 나타내는 태그입니다.
<tagname>Content goes here...</tagname>
시작태그---------컨텐츠----------종료태그
위에 쓰여진 HTML의 예처럼 하나의 태그는 반드시 종료태그로 종료되어야 합니다. "/"의 유무로 시작태그와 종료태그를 구분합니다.
다만 컨텐츠가 없는 태그(예를 들면 <br>
)의 경우 종료태그가 없습니다.
참고
https://www.w3schools.com/html/html_intro.asp
https://www.w3schools.com/html/html_basic.asp