HTML( Hyper Text Markup Language )이란?


  • HTML은 웹 문서를 작성할 때 사용되는 언어 중 하나입니다. 웹 문서를 작성하는 언어로는 HTML, CSS, JavaScript가 있으며 이중 HTML은 웹 문서의 뼈대 역할로서 사용됩니다.




HTML( Hyper Text Markup Language )의 의미


Hyper Text란?

  • Hyper Text는 일반적인 Text을 뛰어넘었다는 의미이며, Hyper Text로 작성된 link를 통해 다른 웹 문서로 이동할 수 있습니다.




Markup Language란?

  • Markup Language 는 '표시하다'라는 의미를 가진 Markup과 '언어'라는 의미를 가진 Language를 합쳐서 표현한 말입니다. 즉, Markup Language는 웹 문서에서 컨텐츠를 표현함에 있어서 어떤게 텍스트인지 이미지인지 링크인지를 표시하는 행위를 합니다.




HTML 작성 방법


HTML 문서 구조

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

<!DOCTYPE html>

  • DOCTYPE은 DocumentType의 줄임말로서 브라우저에게 해당 문서가 html로 이루어져 있다는 것을 알려주기 위해서 제일 상단에 이를 선언합니다.




<html></html>

  • html 문서의 최상단 엘리먼트로 사용되며 웹 문서를 이루는 모든 엘리먼트들은 html 엘리먼트 안에서 작성합니다.




<head></head>

  • 웹 문서의 환경을 설정하거나 설명하는 정보들을 담는 엘리먼트들은 head 엘리먼트 안에 작성합니다.




<body></body>

  • 웹 문서에서 사용자가 볼 수 있는 모든 컨텐츠는 body 엘리먼트 안에 작성합니다.




엘리먼트 구조



Element

  • Element는 태그와 컨텐츠로 구성된 요소를 말합니다.




Content

  • 태그 안에 작성된 내용을 말하며, 해당 내용은 사용자가 볼 수 있습니다.




Opening/Closing Tag

  • 태그의 시작과 끝을 의미합니다. 태그 종류에 따라서 self-closing 태그도 있으며 이는 컨텐츠는 없고 Attribute만을 가질 수 있는 태그입니다.




Attribute

  • 엘리먼트에 Content가 아닌 부가적인 기능을 추가하기 위해서 작성됩니다.

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

form 태그 사용 방법  (0) 2022.10.14
Semantic Tag와 Non-Semantic Tag란?  (0) 2022.10.13

+ Recent posts

티스토리툴바