오늘 ONEUL
오늘의 개발
오늘 ONEUL
전체 방문자
오늘
어제
  • 오늘의 개발 (248)
    • 📝 TIL (121)
    • 💡 Projects (6)
      • 드로잉 게임 [눈치 코치 캐치!] (4)
      • 익명고민상담소 [대나무숲] (2)
    • 🌎 Web (47)
      • Spring (3)
      • Java (14)
      • JavaScript (16)
      • CSS (10)
      • HTML (4)
    • 📚 Database (7)
    • 👾 Trouble Shooting (3)
    • 📊 Algorithm&SQL (39)
    • 😺 Git (1)
    • 📖 Books (7)
      • 자바 객체 지향의 원리와 이해 (7)
    • 📁 ETC (2)
    • 되돌아보기 (15)

블로그 메뉴

  • 😺 Github
  • 🍀 NAVER Blog

인기 글

최근 댓글

최근 글

태그

  • 자바스크립트
  • 항해99
  • Til
  • 알고리즘
  • 프로그래머스
  • MySQL
  • 자바
  • Algorithm
  • Java
  • JavaScript

티스토리

hELLO · Designed By 정상우.
오늘 ONEUL

오늘의 개발

[HTML] HTML이란?
🌎 Web/HTML

[HTML] HTML이란?

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

 

저작자표시 (새창열림)

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

[HTML] form, input 태그의 모든 것  (0) 2022.03.17
[HTML] HTML에서 공간을 나누는 요소들  (0) 2022.03.16
[HTML] 태그(tag)의 역할과 사용방법  (0) 2022.03.15
    오늘 ONEUL
    오늘 ONEUL
    Backend Engineer ㅣ 어제보다 나은 오늘, 재밌는 건 오늘부터!

    티스토리툴바