본문 바로가기
HTML CSS JS(프론트엔드)

2. [HTML/CSS] HTML 태그의 기본 구조

by 아몰라코딩 2024. 12. 12.

HTML 태그의 기본 구조

HTML 태그는 다음과 같은 주요 구성 요소로 이루어져 있습니다:

1. 태그의 이름 (태그명)

• HTML 요소의 종류를 나타내는 이름입니다

• 예: p, div, span, h1 등

• 태그명은 항상 소문자로 작성하는 것이 권장됩니다

2. 여는 태그 (시작 태그)

• 요소의 시작을 나타냅니다

• 꺾쇠괄호(<>)로 둘러싸여 있습니다

• 예: <p>, <div>

3. 닫는 태그 (끝 태그)

• 요소의 끝을 나타냅니다

• 슬래시(/)가 포함된 꺾쇠괄호로 둘러싸여 있습니다

• 예: </p>, </div>

4. 콘텐츠

• 여는 태그와 닫는 태그 사이에 들어가는 실제 내용입니다

• 텍스트, 이미지, 다른 HTML 요소 등이 될 수 있습니다

• 예: <p>여기에 들어가는 텍스트가 콘텐츠입니다</p>

<aside> 전체 구조 예시: <태그명>콘텐츠</태그명>

</aside>

5. 주석 (Comments)

• HTML에서 주석은 코드에 대한 설명이나 메모를 남기는 데 사용됩니다

• 브라우저는 주석을 화면에 표시하지 않습니다

• <!-- 와 --> 사이에 주석 내용을 작성합니다

• 여러 줄에 걸쳐 작성할 수 있습니다

<aside> 주석 예시: <!-- 이것은 여러 줄주석의 예시입니다 -->

</aside>

• 주석은 코드의 가독성을 높이고 다른 개발자들이 코드를 이해하는 데 도움을 줍니다