요소의 속성과(attributes) 값(value)
- 모든 HTML 요소는 속성을 가질 수 있다.
- 속성은 요소에 대한 추가 정보를 제공한다.
- 속성은 항상 여는 태그 에 정의한다.
- 속성은 일반적으로 name=”value” 와 같이 이름/값 쌍으로 정의한다.
속성(attributs)의 종류와 설명
속성(attributes) | 값(value) | 설명 |
---|---|---|
href | url | href 속성은 링크가 이동하는 페이지의 URL을 지정한다. |
src | 이미지등의 경로 | src 는 사진이나 비디오등의 요소를 입력할 때 해당 파일의 경로를 지정한다. |
width | 숫자 예)width=”400” | px 단위로 이미지 등의 넓이를 지정한다. |
height | 숫자 예)height=”400” | px 단위로 이미지 등의 높이를 지정한다. |
alt | “대신 출력될 텍스트” | 이미지 요소를 입력했을 때 어떤 이유로 출력이 되지 않을 때 이미지 대신 출력된다. |
style | 스타일의 속성과 값을 입력한다 | 색상, 글꼴, 크기 등과 같은 요소에 스타일을 추가하는 데 사용된다. |
title | 제목을 입력 | 요소 위에 마우스를 올리면 제목 속성의 값이 도구 설명으로 표시 |
Tips. 몇가지 정리 사항.
- 항상 소문자를 사용하는 것이 좋다.
- 속성값 따옴표가 필수는 아니지만 인용하는 것이 좋다.
- 큰따옴표와 작은따옴표 둘 다 사용가능하나 둘 다 사용해야하는경우 교차 사용한다.