[HTML 시작하기] #01 HTML의 요소 (Element)

 

HTML 기초 개념 정리

HTML이란?

HTML은 웹 문서를 만들기 위한 마크업 언어이며, 현재는 HTML5가 가장 최신 표준 버전입니다.

---

HTML 요소 (Element)

1. 태그의 구조

 

• HTML 코드는 대부분 <태그>내용</태그> 형식으로 작성됨.
• Opening tag + Content + Closing tag = Element(요소)

<h1>제목</h1>
<p>문단</p>

 

 

2. 요소의 중첩

하나의 요소 안에 또 다른 요소가 들어갈 수 있음 (내포 구조)

<p>문단 <strong>강조</strong> <b>굵게</b></p>

 

3. 블록 레벨 요소 vs 인라인 요소

 

• Block-level Element: 한 줄 전체 차지 → <p>, <h1>, <div> 등
• Inline Element: 같은 줄 안에 표시 → <em>, <strong>, <span> 등

<em>하나</em> <em>둘</em> <em>셋</em> <!-- 인라인 요소 -->
<p>문단 하나</p> <!-- 블록 레벨 요소 -->

 

 

4. 빈 요소 (Empty Element)

 

• 내용 없이 태그만 있는 요소. 닫는 태그 없음.
• 태그 내에 /를 포함하여 종료함.

<img src="html5.png"/>
<input type="text" name="test" value="테스트"/>

 

* 이런 태그를 Single Tag 또는 Empty Element라고 함.

---

요약

 

• HTML의 기본 단위는 "요소(Element)"이며, <태그>내용</태그>로 구성됨.
• 요소는 중첩될 수 있고, 유형에 따라 블록 또는 인라인 요소로 구분됨.
• 빈 요소는 종료 태그 없이 작성됨.