🌎 Web/HTML

[HTML] HTML이란?

오늘 ONEUL 2022. 3. 15. 00:42

HTML이란?

HTML (Hypertext Markup Language, 하이퍼텍스트 마크업 언어)
  • 하이퍼텍스트 : 연결된 문서
  • 마크업 : 표기, 표현, 작성, 제작

웹페이지를 만들기 위한 표준 마크업 언어이다. 연산을 할 수 없기 때문에 프로그래밍 언어라고는 볼 수 없다.

 

 

HTML 태그

<태그이름> // 시작 태그
</태그이름> // 종료 태그
  • HTML 태그는 태그 이름은 꺽쇠 괄호(<>)로 감싸서 표현한다.
  • 보통 시작 태그(start tag)와 종료 태그(end tag)의 한 쌍으로 구성된다.
  • 태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 있다.
  • 태그는 반드시 자기 영역을 가지고 있다.
  • 태그를 사용하지 않고 띄어쓰기나 줄 나누기를 하면 웹 브라우저를 통해 나타나는 화면에는 아무 영향을 주지 못한다.
  • 모든 태그는 미리 정의되어 있으며, 각각의 태그와 속성을 사용하기만 하면 된다.

 

 

HTML 기본 구조

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <p>Hello World</p>
</body>
</html>
  • <!DOCTYPE html> : DTD(Document Type Definition) 마크업 언어에서 문서 형식을 정의한다.
  • <html> : HTML 문서의 루트(root) 요소를 정의한다.
  • <head> : HTML 문서의 메타 데이터(meta data)를 정의한다. 문서의 형식, 추가 정보, CSS 스타일, 스크립트 등의 외부 리소스 정보를 담는다.
  • <title> : HTML 문서의 제목(title)을 정의한다.
  • <body> : 웹 브라우저를 통해 보이는 실질적인 내용(content) 부분이다.
  • <p> : 단락(paragraphs)을 나타낸다.

 

 

HTML 요소 구조

HTML은 요소들(elements)로 구성되어 있다. 요소(element)는 여러 속성을 가질 수 있으며, 이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공한다.

 

 

HTML 상속 관계

  • HTML 태그는 전부 상속관계로 관리된다.
  • head 태그와 body 태그는 형제관계
  • html 태그와 head, body 태그는 부모 자식관계

 

 

웹 문서의 뼈대

문서의 출력에 관한 내용은 스타일링이 아닌 콘텐츠 및 기본 배치를 우선으로 고려한다.

 

 

 

 

※ 참고자료

https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started

http://www.tcpschool.com/html/intro

https://www.w3schools.com/html/default.asp

 

저작자표시