본문 바로가기
programming/web

html 이란 홈페이지 만들기 위한 마크업 언어

by 개코 - 개발과 코딩 2022. 2. 3.

html 은 홈페이지 만들기에 필요한 웹문서이다. 태그들로 이루어진 형태로써 우리가 잘 알고있는 홈페이지나 웹페이지를 만들 때 사용된다. 장점이라면 비전공자도 배우기가 쉽고, html을 배우기에 진입장벽은 낮다. 마크업의 형태로 되어 있어 html과 seo의 관계를 알면 검색엔진이 좋아하는 웹문서를 만들 수 있다.

html 이란 홈페이지 만들기 위한 마크업 언어

홈페이지에 대한 관심이 높다.

워드프레스 덕분인지 공부하는 사람들도 많고 분석하는 사람들도 많다.

html 은 hyper text markup language 라고 하지만 그냥 홈페이지 또는 웹페이지를 만드는 언어라고만 생각해도 된다.

마크업은 활자라는 단어이기도 하다.

태그 ( tag ) 라 불리우는 것들로 웹페이지를 만들기 때문에 그런 이름이 붙은 것 같다.

html 은 단순히 웹브라우저를 기반으로 하고 있지만 지금은 하이브리드 개념으로 많은 영역과 분야에서 사용된다.

태그 요소 tag element

html 은 태그 요소라 불리는 마크업으로 이루어져 있다.

태그는 제목, 문서, 문단, 링크들로 구성되어 있는데 이는 중요할 수도 그렇지 않을 수도 있다.

태그의 주 기능은 웹페이지를 만드는 역할을 한다.

제목, 본문 등 구역을 나누면서 내용을 웹에 표현하는 역할을 한다.

SEO 에 민감한 개발자들이나 기획자들의 경우 태그들의 최적화를 위해 분석하기도 한다.

그도 그럴것이 SEO 최적화에서 민감한 부분이 h 제목 태그이기도 하다.

하지만, 정작 중요한 것이 있다.

SEO 가 tag 요소들을 읽을 때는 각 태그에 맞는 것에 따라 읽어가고 분석한다.

SEO는 제목과 본문, 바닥글, 머리글 등등 적합한 태그의 적합한 글자들을 읽고 분석한다.

SEO와 태그의 관계

검색엔진들은 태그를 보고 컨텐츠를 분석하기도 한다.

이것은 제목이다.

이것은 문단이다.

이것은 내용이다.

이것은 링크이다.

등등 구글이나 네이버나 다음이나 웹문서를 읽고 태그에 따라 분석하기도 한다.

그렇기에 html을 이용하여 모양 좋은 웹페이지를 만들수도 있겠지만, SEO에 따라 달라질 수도 있다.

사람들이 이를 분석하는 홈페이지는 위키백과 또는 구글의 고객센터 홈페이지 이기도 하다.

다른 부분은 무시하더라도 제목과 내용 본문 등은 문서 규격을 맞추기도 한다.

html 기본 문서 형태

아래는 기본적인 html 문서의 형태이다.

아래의 형태를 기본으로 태그들이 사용용도에 따라 추가되어 하나의 웹페이지로 구성된다.

웹페이지는 html 단독으로 사용될수도 있겠지만 동작구현을 위한 자바스크립트도 사용되고, 웹페이지의 모양을 꾸미기 위한 css 스타일도 사용된다.

<!DOCTYPE html>
<html>
	<head>
		<title>웹페이지 제목</title>
	</head>
	<body>

		<h1>제목부분</h1>
		<p>본문부분</p>

	</body>
</html>

아래는 위의 html 코드에 대한 결과화면이다.

정말 볼품없다.

반응형

댓글