누구나 쉽게 할 수 있는 html 첫번째 강좌!

Recent Posts

Tags more

Archives

관리 메뉴

Honest Coder

html

정직한 코더 2020. 3. 25. 08:52

홈페이지를 만들때 가장 기본적인 언어는 html입니다.

html은 HyperText Markup Language의 약자로 마크업 언어라고 불립니다.

HyperText는 평소에 우리가 사용하는 파워포인트, 워드, 한글에 하이퍼링크를 생각하면 됩니다. 하이퍼링크를 누르면 내가 써놓았던 주소로 연결이 됩니다. 이것처럼 문서와 문서를 링크 형태로 연결해주는 것을 말합니다.

Markup Language은 태그로 이루어진 언어라고 생각하면 됩니다.

하지만 알아둬야 할점은 html은 프로그래밍 언어가 아닙니다.

논리적인 구조가 있어야지만 프로그래밍 언어라고 합니다. 하지만 html은 논리적인 구조가 없습니다.

그러므로 html은 프로그래밍언어가 아닌 마크업 언어로 구분이 됩니다.

<html>
</html>

html은 위처럼 <태그명> 이러한 형태의 태그를 사용합니다.

위 태그는 한번 생성하면 닫는 태그가 있어야 합니다.

<태그명> 이렇게 태그를 생성했다면 </태그명> 앞에 슬래쉬를 붙여 앞편의 태그를 끝냅니다.

또한 태그는 안에 태그명만 정의하는 것이 아니라 속성이라는 값 그리고 컨텐츠를 넣습니다.

<태그명 속성=값>컨텐츠</태그>

태그와 속성이 들어가고 속성안에 값을 넣습니다. 이렇게 정의된 태그안에 컨텐츠를 넣어 그 컨텐츠가 보일수 있게 합니다.

이렇게 간단히 태그에 알아봤고, 기본적인 html 구조를 살펴보겠습니다.

<html>
	<head>
	눈에 보이지 않는 부분
	</head>
    
	<body>
	눈에 보이는 부분
	</body>
</html>

html이라는 html 시작을 알리는 태그와 함꼐 head와 body가 보입니다.

head 태그는 눈에 보이지 않는 페이지를 정의하는게 들어가고 예를 들어서 타이틀, 설명같은 것이 있습니다.

body 태그는 눈에 보이므로 페이지의 컨텐츠를 작성합니다.

이렇게 간단히 html에 대해서 알아봤습니다.

Comments