HTML은 글과 이미지를 표시하기 위한 마크업 언어로 다양한 요소(Element)를 사용하여 구성합니다.
요소(element)는 시작태그(Opening tag), 내용(Content), 종료태그(closing tag)로 구성됩니다.
좀더 이해하기 쉽게 앞에서 살펴본 코드를 보면 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>해당 코드에서는 <html>, <head>, <body>, <title>, <h1>, <p>와 같은 요소들이 사용되었으며
<title>요소를 보면 <title> Page Title </title>와 같은 구조로 되어 있습니다.
이때 "<title>"을 시작태그, "Page Title"을 내용, "</title>"을 종료태그라고 부릅니다.
참고로 경우에 따라서 내용이나 종료태그가 없는 요소들도 존재하며 HTML은 대소문자를 구분하지 않으나 가급적 소문자로 쓸 것을 권장하며 그 이유는 XHTML는 대소문자를 구분(Case Sensitive)하기 때문에 그렇습니다. 그리고 다른 프로그래밍 언어와 다르게 오탈자가 있어도 실행가능하지만 웬만하면 오탈자가 없는게 좋겠죠! 또한 요소를 Nesting(중첩) 사용할 수 있습니다.
예시) <p> This is my <b> pretty </b> blog <p> --> <b>요소와 <p>요소가 중첩됨
코드설명
- <!DOCTYPE html> : 해당 문서가 HTML 문서임을 알리는 선언자로 코드의 맨 처음에 위치해야 합니다.
- <html> 요소 : HTML 페이지의 root element 입니다.
- <head> 요소 : HTML 페이지의 메타 정보를 포함한 요소로 콘텐츠가 있는 페이지에 보이지 않습니다.
- <body> 요소 : 문서의 몸체를 담당하고 있으며 일반적으로 접속하면 보이는 부분을 담당합니다.
- <h1> 요소 : 헤더(header) 요소로 제목이나 소제목같은 문단에 적용하는 요소입니다.
- <p> 요소 : 단락(paragraph) 요소로 일반적인 문단에 적용하는 요소입니다.
마지막으로 HTML은 1989년 만들어져 HTML1.0로 시작하였으며 현재는 HTML5를 사용하고 있습니다.
'Web Programming' 카테고리의 다른 글
| [HTML] HTML Heading & Paragraph (0) | 2023.02.10 |
|---|---|
| [HTML] HTML Attributes (0) | 2023.02.09 |
| [HTML] HTML Introduction (0) | 2023.02.09 |
| [WEB] 웹서비스 세대 (0) | 2023.02.09 |
| [CSS] CSS Box Model (0) | 2023.02.04 |