티스토리 뷰
안녕하세요, 초짜입니다.
이번에는 HTML의 개요 및 기초에 대해 알아보겠습니다.
우선 기본적으로 HTML이란 웹 페이지를 만들기 위한 언어로
풀어서 쓰면 HTML(Hyper Text Markup Language)입니다.
기본적인 코드를 하나 살펴보겠습니다.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
Hello, world!
</body>
</html>
이걸 실행하면 이렇게 됩니다.
평범하게 잘 됩니다.
이렇게 보시다시피 HTML은 <>와 같은 꺽새가 보이는데요.
이것을 태그라고 합니다.
태그는 <html>과 </html>처럼 여는 태그와 닫는 태그(종료 태그)로 쓰입니다.
/가 있는 태그가 닫는 태그가 됩니다.
HTML의 확장자는 html입니다.
위의 코드에 쓰인 태그에 대해 설명해드리겠습니다.
<!DOCTYPE html>
이 태그는 문서의 유형을 나타내며 브라우저가 웹 페이지를 올바르게 표시할 수 있게 해줍니다.
이 태그는 HTML을 시작하는 html 태그보다 더 상단에 있어야 합니다.
HTML5를 쓸 때 쓰이는 태그입니다.
<html>
. . .
</html>
이 태그는 HTML을 시작하고 마치는 태그입니다.
HTML 전체를 둘러싸는 태그입니다.
<head>
. . .
</head>
이 태그는 HTML 문서의 속성을 지정하기 위한 태그입니다.
이 태그 안에 title 태그나 meta 태그 등을 넣습니다.
<title>Page Title</title>
이 태그는 HTML의 제목을 지정하는 태그입니다.
위에 그림에서 보시면 페이지에 제목 이름이 Page Title인걸 알 수 있습니다.
<body>
Hello, world!
</body>
이 태그는 HTML의 본 내용을 나타내는 태그입니다.
표시되는 문서를 이 태그 안에 넣으면 됩니다.
이 태그들이 가장 기본적인 태그라고 볼 수 있습니다.
HTML은 웹 페이지의 가장 기본이 되고 뼈대가 되는 언어입니다.
물론 HTML 하나로만 페이지를 구성하기엔 부족하지만
JavaScript나 CSS 등과 같이 이 3가지의 언어를 "프론트엔드"라고 하여
세 언어가 조화를 이루면서 흔히 보는 웹 페이지가 만들어지게 됩니다.
이번 포스팅은 여기까지입니다, 감사합니다.
'Web > HTML' 카테고리의 다른 글
| [HTML] br 태그란? 그리고 <br>과 <br/>과 <br />의 차이점 (2) | 2019.11.08 |
|---|---|
| [HTML] 2) 기본적인 태그 1 (0) | 2018.04.04 |