저번에 HTML의 정의에 대해 간략하게 알아봤다면,
이번에는 HTML의 기본 구조 및 각 태그의 기능에 대해 알아보겠습니다!
위의 사진은 Visual Studio Code를 이용해 작성한 HTML의 기본 틀입니다.
작성 방법은 Visual Studio Code에서 ~.html 파일을 만들고 ! + Enter를 누르면 됩니다!
이제 기본 틀 안에 존재하는 다양한 태그들이 어떤 의미를 가지고 있는지에 대해 알아보겠습니다!
<! DOCTYPE>
-> <! DOCTYPE> 태그는 이 문서가 어떤 형식의 문서인지 정의해주는 태그입니다.
<html>
-> <html> 태그는 HTML 문서의 루트를 나타내며, 루트 요소라고도 불립니다.
<html> 태그 안에는 1개의 <head> 태그와 1개의 <body> 태그를 삽입할 수 있습니다.
<head>
-> <head> 태그는 컴퓨터가 이해할 수 있는 문서의 정보를 입력하는 태그입니다.
대표적인 정보로는 제목, 스크립트, 스타일 시트 등이 존재합니다.
<meta>
-> <meta> 태그는 다른 메타 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
<meta> 태그는 주의해야 할 점이 있는데 그것은 바로 빈 요소이기 때문에 여는 태그는 존재하지만, 닫는
태그는 존재하지 않는다는 점입니다.
ex)
<title> 태그는 뒤에 </title>을 이용해 닫아 주었지만, <meta> 태그의 경우 붙일 필요가 없습니다.
<meta> 태그에는 다양한 내용이 존재하는데 그 내용에 관해서는 다음에 다루도록 하겠습니다.
<body>
-> <body> 태그는 HTML 문서의 내용을 다루는 태그입니다.
하나의 문서에 꼭 하나만 존재해야 하니 주의해주세요!
이상, HTML의 기본 틀 및 각 태그들이 하는 기능에 대해 알아보았습니다.
다음 장에서는 HTML의 (아직 미정이라 정해지면 수정하겠습니다.) 에 관해 자세히 알아보도록 하겠습니다!
'html' 카테고리의 다른 글
| < html 공부 > 6장. HTML의 태그 (4) - 멀티미디어(video) (0) | 2021.03.04 |
|---|---|
| < html 공부 > 5장. HTML의 태그 (3) - 멀티미디어(img) (0) | 2021.03.03 |
| < html 공부 > 4장. HTML의 태그 (2) - 멀티미디어(audio) (0) | 2021.03.02 |
| < html 공부 > 3장. HTML의 태그 (1) - 텍스트 (0) | 2021.02.17 |
| < html 공부 > 1장. HTML이란? (0) | 2021.02.09 |