티스토리 뷰

개발 일지

[HTML] 기초 지식 (1)

Eseak 2020. 5. 12. 02:13
반응형

 

* HTML 이란 

 : HyperText Markup Language의 줄임말로 웹페이지를 만들기 위한, 웹 브라우저 위에서 동작하는 언어이다.

 

 - HyperText는 문서와 문서를 연결하는 링크를 말한다.

 - Markup Language는 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지이다.

 

 

기본적인 HTML 문서의 작성 양식은 아래와 같다.

<!doctype html>
<html>
    <head>
    	<title>Hello HTML</title>
    </head>
	<body>
              <p>Hello World!</p>
	</body>
</html>

 - Doctype : DTD(Document Type Definition)이라고 하며, 문서의 형식을 지정한다. 문서의 최상단에 위치하여 브라우저에게 해당 HTML이 어떤 표준에 따른 것인지를 알려준다.

 

 - html : 문서의 시작과 끝에 사용된다. html 태그 내부에 다양한 태그를 이용하여 문서의 내용을 나타내게 된다. 

- head : 화면에 노출되지 않지만 페이지를 알리는 제목이나 구성하는 내용을 포함하게 된다. 위의 <title>의 경우 해당 페이지의 제목을 나타낸다.

- body : head 태그와 다르게 주로 페이지에 노출되는 내용이 들어가게 된다. 위 코드블럭에 작성되어있는 <p>태그는 문단을 나눌 때 사용된다. <p> 태그 외에도 많은 태그가 존재하며, 이러한 태그들을 이용해 매우 다양한 형태의 페이지를 구현할 수 있다.

반응형