티스토리 뷰
HTML이란?
'HyperText Markup Language'의 약자이며 웹 문서를 표현하기 위한 언어입니다.
하이퍼텍스트란 웹 문서에서 다른 문서로 이동하는 것을 말하며, 마크업이란 태그를 사용하여 콘텐츠의 의미를 부여하는 것을 말합니다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공합니다.
HTML의 구성 요소
1. 태그(tag)
HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호"<>"를 사용하여 나타냅니다. 일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나 "img", "br"등의 태그와 같이 시작태그만으로 그 영향을 나타내는 경우도 있으며, 종료 태그의 이름은 슬래시 문자[/]로 시작됩니다.
<TAG></TAG>
<TAG>CONTENT</TAG>
2. 속성(Attributes)과 값(Value)
태그(요소)의 기능을 확장하기 위해 '속성'을 사용합니다. 특정한 태그에만 사용하는 속성도 있습니다.
<TAG 속성="값"></TAG>
3. 빈 태그
HTML에는 닫히는 개념이 없는 태그도 있다. HTML5에서는 "/"가 생략이 가능합니다..
4. 요소(Element)
요소란 HTML를 구성하는 가장 기본적인 단위입니다. 태그의 시작태그와 끝나는 태그 사이의 범위를 요소라고 합니다.
5. 주석
주석 표시는 프로그램에 영향을 미치지 않으며, 설명이나 메모를 목적으로 사용합니다.
<!-- 주석 -- >
HTML 구조
HTML구조는 html 요소 안에 head와 body 요소로 이루어져 있으며, 독타입 선언을 해주어야 하나의 웹 문서가 완성됩니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>타이틀</title>
</head>
<body>
</body>
</html>
DOM 구조
HTML 문서는 상하 관계가 존재하는 계층적인 구조로 되어 있습니다. 상위에 있는 요소와 하위에 있는 요소는 부모 자식 관계로 표현하며, 이러한 구조를 DOM 구조라고 합니다.
<PARENT>
<CHILD></CHILD>
</PARENT>
'HTML' 카테고리의 다른 글
| HTML - 구역을 나눠주는 태그 (0) | 2022.04.15 |
|---|---|
| HTML - 비트맵 그래픽 vs 벡터 그래픽 (0) | 2022.04.15 |
| HTML - 웹표준, 웹접근성, 웹호환성, 시멘틱 태그 (0) | 2022.02.03 |
| HTML - SEO(검색 엔진 최적화) (0) | 2022.01.24 |
| HTML - 그리드 시스템 (0) | 2022.01.24 |
UP NEXT : HTML
댓글
© 2018 webstoryboy