HTML은 웹에서 다양한 정보를 웹 브라우저에서 이해하기 쉽게 문서화하기 위해 사용하는 마크업 언어입니다.
HTML은 웹 문서의 구조와 내용을 구성하는 데 사용되며 여기에서 Hypertext는 문서와 문서를 서로 연결해 주는 링크를 의미하고 Mark-up Language는 정보를 구조적으로 표현할 수 있는 언어를 뜻합니다.
HTML의 역사
- 1991 : Tim Berners-Lee 가 HTML 1.0을 최초 발표.
- 1993 : 최초의 그래픽 웹 브라우저 Mosaic 출시.
- 1995 : W3C에서 HTML 2.0 표준 발표.
- 1999 : HTML 4.0.1 발표.
- 2001 : XHTML 1.0 발표.
- 2014 : HTML5 발표, 현재 HTML의 표준으로 자리잡음.
HTML의 주요 구성 요소
- 태그(Tag) : HTML은 태그들의 집합으로 태그는 웹 문서의 구조와 내용을 표현하는 가장 중요한 기본 요소입니다. 태그는 < 와 > 기호로 감싸며 시작 태그와 종료 태그로 이루어집니다.
- 예 : <h2>제목</h2>
- 요소(Element) : 태그와 그 사이에 위치한 내용을 포함한 전체를 요소라고 합니다. 태그와 요소는 서로 다른 개념입니다.
- 속성(Attribute) : 속성은 태그에 추가 정보를 제공하며 태그의 동작을 구체적으로 표현하기 위해 사용됩니다. 속성은 속성 이름과 속성 값의 쌍으로 이루어져 있습니다.
- 예 : <img src="img.jpg" alt="이미지 설명">
- 태그 중첩(Nested Tag) : HTML에서는 태그 안에 다른 태그를 선언할 수 있으며 이는 부모 자식 관계를 형성합니다. 자식 태그는 반드시 부모 태그 내에 위치해야 합니다.
- 빈 태그(Empty Tag) : 내용이 없는 태그로 종료 태그가 필요하지 않습니다. 예를 들어 <br> 태그는 줄 바꿈을 나타냅니다.
- 주석(Comments) : HTML 코드 내에서 설명이나 임시로 표시를 제거하기 위해 사용됩니다. 주석은 <!-- 내용 --> 로 사용됩니다.
HTML 문서 기본 구조
HTML 문서를 만들고 빈 화면에서 ! 를 입력하면 자동생성된다.
HTML은 이러한 기본 구조를 가지고 있습니다.
- <!DOCTYRE html> : HTML 문서의 형식을 정의하는 선언문 입니다.
- <html> : 문서의 루트 요소입니다.
- <head> : 메타데이터를 포함하며 문서의 정보를 설정합니다.
- <body> : 웹 페이지에 표시될 실제 내용이 들어갑니다.
'Front-end > HTML' 카테고리의 다른 글
| HTML 태그2 (0) | 2024.08.07 |
|---|---|
| HTML 기본 태그 (0) | 2024.08.07 |
| HTML5 vscode 개꿀 확장프로그램 (0) | 2024.08.05 |