HTML 기초 시리즈 5편: HTML 속성 완벽 이해하기

📘 HTML 속성(attribute) 제대로 이해하기

✅ 주요 속성 예시

html

<img src="cat.jpg" alt="귀여운 고양이" title="고양이 이미지" style="width:200px;">
<a href="https://naver.com" target="_blank" title="네이버로 이동">네이버</a>
<div id="main" class="container">내용</div>

✅ 속성 설명

속성설명

src	이미지 경로
alt	이미지 설명 (접근성)
title	마우스 오버 시 표시
style	인라인 스타일
href	링크 주소
target="_blank"	새 창에서 열기
id	고유 식별자
class	그룹 식별자

✅ 속성 활용 팁

• id는 자바스크립트나 CSS에서 특정 요소를 지정할 때 사용
• class는 여러 요소에 공통 스타일을 적용할 때 유용