본문 바로가기
웹/HTML

HTML - HTML이란

by DGDD(Developer) 2023. 6. 19.

HTML이란?

HTML은 HyperText Markup Language의 약자로 웹 페이지를 작성하기 위해 사용되는 표준 마크업 언어를 말한다. 마크업 언어는 텍스트를 구조적으로 표현하는데 사용되며, 웹 브라우저에게 문서의 내용, 구조 및 표현 방법에 대한 지시를 제공한다.

 

HTML은 웹 페이지의 내용을 기술하기 위해 사용되며, 문서의 구조를 정의하기 위한 요소들을 제공하는데 이러한 요소들은 브라우저에게 텍스트, 이미지, 링크, 테이블, 폼 등 다양한 컨텐츠를 표시하고 구조화화하는 방법을 알려준다. 또한 CSS(Cascading Style Sheets)와 함께 사용하여 문서의 디자인과 레이아웃을 지정할 수 있다.

HTML 태그

HTML은 태그(tag)라고 불리는 특수한 구조를 사용하여 문서를 작성한다. 각 태그는 꺽쇠 괄호로 둘러싸여 있으며, 시작 태그와 종료 태그로 구성된다. 시작 태그는 <이름> 종료 태그는 </이름> 으로 쌍을 이루고 태그 종류에 따라 종료태그가 없는 태그도 존재한다.

ex) 종료태그가 없는 태그 : <img>, <br>, <hr> 등

 

다음은 간단한 HTML 예시이다.

 

<!DOCTYPE html>
<html>
<head> 
<meta Charset = "UTF-8">
<title>html test</title>
여기에 작성하신 코드는 웹브라우저에서 표시되지 않습니다.
</head>
<body> 
<h1>여기에 작성하신 코드는 웹브라우저에서 표시됩니다.</h1>
</body>
</html>

 

  • <!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시
  • <html> : HTML 문서의 루트(root) 요소를 정의합니다.
  • <head> : HTML 문서의 메타데이터(metadata)를 정의합니다. 
  • <title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다. 
  • <body> : 웹 브라우저를 통해 보이는 내용(content) 부분입니다.
  • <h1> ~ <h6> : 제목(heading)을 나타냅니다.
  • <p> : 단락(paragraph)을 나타냅니다.

' > HTML' 카테고리의 다른 글

HTML - 색 배경 링크  (0) 2023.06.19
HTML - 스타일(Style)  (0) 2023.06.19
HTML - 엔티티 와 문자셋  (0) 2023.06.19
HTML - 서식과 인용  (0) 2023.06.19
HTML - 제목과 문단  (0) 2023.06.19