본문 바로가기
IT/HTML & CSS & JavaScript

HTML 기본 구조 & 개념 설명

by 베베야 2021. 8. 25.
728x90

HTML이란?

HTML은 HyperText Markup Language의 약자로

웹페이지를 작성하는 언어입니다.

지금 보고있는 페이지도 HTML로 작성되어 있습니다.

 

HTML은 다양한 정적인 페이지를 만들때 때 사용됩니다.

(동적인 웹로직 작업을 구현하기 위해서는 자바스크립트를 사용해야합)

 

 

HTML 기본구조

HTML의 기본구조는 크게 <html>태그안에 <head>와 <body>태그로 나누어집니다.

html : 문서의 루트 요소를 정의

head : 메타데이터를 정의

- 메타데이터란 HTML 문서에 대한 정보로 웹 브라우저에는 직접적으로 표현되지 않는 정보를이며

  <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현할 수 있습니다.

body : 웹을 통해서 보여지는 내용을 정의

Visual Studio Code를 이용한 HTML 기본페이지 작성화면

위와 같이 HTML의 기본적인 문서를 작성하였을 경우

아래와과 같은 기본적인 웹페이지 화면을 볼 수 있습니다.

HTML 결과 페이지

 

이상으로 HTML 기본 구조와 개념에 대한 설명을 마치겠습니다.

반응형
그리드형

댓글