-- Web --
[프론트엔드] HTML의 기본 구조
JunKang
2024. 3. 20. 10:31
HTML(HyperText Markup Language)은 웹 페이지의 구조를 정의하기 위한 마크업 언어입니다
웹 개발에서 가장 기본적이고 필수적인 언어로, HTML을 사용하여 텍스트, 이미지, 링크 등의 요소를 구성하여 웹 페이지를 생성합니다
HTML은 웹 브라우저에게 페이지의 구조를 알려주는 역할을 합니다
HTML의 기본 구조
HTML은 요소(Elements), 속성(Attributes), 값(Values), 콘텐츠(Contents)로 구성됩니다
- 요소(Elements)
HTML 문서의 구성 요소를 나타냅니다
예를 들어, `<p>`, `<h1>`, `<a>`, `<img>` 등이 있습니다 - 속성(Attribute)
HTML 요소의 추가 정보를 제공합니다
속성은 요소에 대한 추가적인 설정을 제공하며, 예를 들어 링크의 URL이나 이미지의 소스를 지정하는 데 사용됩니다 - 값(Values)
속성에 할당되는 값입니다
예를 들어, `<a>` 요소의 `href` 속성에는 링크의 URL이 값으로 할당됩니다 - 콘텐츠(Contents)
HTML 요소 내에 포함되는 실제 내용을 나타냅니다
예를 들어, `<p>` 요소의 경우 단락의 텍스트가 콘텐츠에 해당합니다
<태그 속성="값">콘텐츠</태그>
HTML 문서는 다음과 같은 기본적인 구조를 갖습니다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>문서 제목</title>
</head>
<body>
<!-- 웹 페이지의 내용 -->
</body>
</html>- <!DOCTYPE html>
문서 유형을 정의하는 선언으로, HTML5 문서임을 나타냅니다 - <html>
HTML 문서의 시작과 끝을 나타내는 요소로, 모든 HTML 요소를 포함합니다 - <head>
웹 페이지의 메타데이터를 정의하는 요소로, 페이지 제목, 스타일 시트 링크, 스크립트 등을 포함합니다 - <meta>
문서의 메타데이터를 정의하는 요소로, 문자 인코딩 및 뷰포트 설정 등을 지정합니다 - <title>
웹 페이지의 제목을 정의하는 요소입니다 - <body>
웹 페이지의 본문을 정의하는 요소로, 텍스트, 이미지, 링크 등의 실제 내용을 포함합니다