본문 바로가기

연구원생활

[html] html 속성

728x90
반응형

속성은 태그에 추가 정보를 제공하는 요소로, 대부분 name="value" 형태로 사용됨

🧩 HTML 속성 기본 구조

<태그 속성="값">내용</태그>

예시)

<a href="https://example.com">이동</a>
  • a 태그는 링크
  • href는 링크할 주소를 담는 속성
  • "https://example.com"은 속성의 값

🧷 자주 쓰는 HTML 속성들

속성 이름설명

href <a> 태그에서 연결할 주소
src <img> 태그 등에서 이미지 경로
alt 이미지 설명 (접근성, 대체 텍스트)
id 요소 고유 식별자 (한 페이지 내에서 유일해야 함)
class 요소 그룹 분류 (CSS/JS에서 스타일 지정 등)
style 인라인 스타일 지정
title 마우스 올렸을 때 뜨는 설명
target 링크 열리는 위치 (_blank, _self 등)
type <input> 등에서 입력 형식 지정
value <input> 등에서 기본값 지정

✅ 속성 사용 시 주의할 점

 

  • 속성은 태그 안에서 쌍따옴표(")로 감싸기
  • 속성 이름은 소문자 사용이 원칙
  • Boolean 속성 (예: disabled, checked)은 값 없이 써도 됨 ⬇️
<input type="checkbox" checked>

 

728x90
반응형