본문으로 바로가기

HTML 이란?

category 코딩/HTML 2021. 5. 4. 16:51

HTML이란 무엇일까요?

HTML이란 Hyper Text Markup Language의 약자로 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어입니다.

HT - HyperText, 문서와 문서가 링크로 연결되어 있다.

M - Markup, 태그로 이루어져 있다.

L - Language

 

HTML의 기본 구조

일반 문서와 다르게 HTML 문서는 정해진 형식에 맞추어 내용을 입력해야 합니다.

<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="UTF-8">
        <title>웹퍼블리셔 한아로</title>
    </head>
    
    <body>
    	<h1>한아로의 개발 공부 이야기</h1>
        <hr/>
        <h2>HTML</h2>
        <h3>CSS</h3>
        <h4>다 같이 공부 해봅시다</h4>
        <p>화이팅!</p>
    </body>
</html>

 

HTML 태그의 종류

<!DOCTYPE html> : 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻입니다.

<html> </html> 태그 : 웹 문서의 시작과 끝을 나타내는 태그입니다.

<head> </head> 태그 : 문서의 머리말로 웹 문서를 해석하는 데 필요한 문서의 정보 및 문서의 제목이 들어가는 부분입니다.

<meta> 태그 : 문서의 정보를 설명해주는 태그로 다양하게 활용됩니다.

<title> </title> 태그 : 문서의 제목을 나타내는 태그입니다. 

<body> </body> 태그 : 문서의 내용으로 본문에 해당됩니다. 이 태그 안에는 다양한 태그들이 있으니 앞으로 많이 사용하는 태그들에 대해서 알아보도록 하겠습니다.

<h1> <h2> . . . ~ <h6> 태그 : 본문상에서 제목을 나타내며, h1 부터 h1 까지로 나타낼 수가 있습니다.

<p> 태그 : 텍스트를 정의하는 블록요소의 태그입니다.

<hr> 태그 : 문서에서 문단을 분리하고자 할때 사용되는 수평선 태그입니다.

 

 

위의 HTML 문서를 실행하면 보이는 화면입니다.

다음 포스팅에는 비주얼 스튜디오 코드를 활용해 HTML 파일을 만드는 법을 배워봅시다.

 

그럼 안녕~👋