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 |