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>
• 주석은 코드의 가독성을 높이고 다른 개발자들이 코드를 이해하는 데 도움을 줍니다
'HTML CSS JS(프론트엔드)' 카테고리의 다른 글
6. [HTML/CSS] HTML 전역 속성 (Global Attributes) (15) | 2024.12.12 |
---|---|
5. [HTML/CSS] div와 span 차이 (블록 레벨요소,인라인요소) (14) | 2024.12.12 |
4. [HTML/CSS] img 태그,크기 관련 속성 (17) | 2024.12.12 |
3. [HTML/CSS] HTML 텍스트 태그 (15) | 2024.12.12 |
1. [HTML/CSS] HTML 공부를 시작합니다! (13) | 2024.12.12 |