[HTML 기초] HTML의 기본 개념 이해하기

IT/HTML 및 CSS

by SINAFLA 2021. 3. 18. 20:14

홈페이지를 만들 때 접하는 HTML을 처음 접하게 된다. HTML에서 사용하는 태그란 걸 이용해서 페이지의 골격이나 구조를 만들 수 있다. 그래서 html을 다루면 개인 홈페이지나 블로그를 자신의 입맛에 맞게 편집할 수 있다.

그래서 HTML를 공부하려면 메모장을 이용해도 된다. 여러 가지 툴들도 많고, 아래의 노트패드를 이용하면 색상이 있는 프로그램을 이용하면 조금 더 HTML을 구분하기 쉽다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>기초 프로그래밍</title>
</head>
<body>
	<p>첫 번째 글 입니다.</p>
</body>
</html>

HTML 설명

meta charset : 언어의 인코딩을 어떤 식으로 할 것인지 정한다. 기본적으로 UTF-8을 사용하고, 페이지에서 한글이 깨지는 현상을 막고자 사용한다.
title : 홈페이지 접속 시 탭 부분에 보이는 문구를 설정한다.
head : 페이지의 헤드라인 부분이다. 이 영역에는 meta 태그나 title 태그를 사용한다. 웹 페이지의 정보, 문서에서 사용할 외부 파일들을 링크할 때 사용한다.
body : 페이지의 본문이 들어가는 부분이다. 페이지에 보여주는 부분이 작성되는 영역이다.
html : 웹 페이지의 시작과 끝이다.

웹 문서에 어떤 표시를 해주는 것이라 보면 된다. 웹 문서에 대상이 되는 부분 글씨 크기, 글자 색, 글자 모양을 명시할 수 있다. Tag는 시작과 끝이 있다. 끝은 같은 태그명에 / 를 붙여준다. → <html></html> 이런 형식으로 작성한다.