HTML 속성이란?

HTML 속성은 말 그대로 태그만 사용해서는 동작하기는 뭔가 아쉬운 부분들을 속성이라는 기능을 추가적으로 적용함으로써 태그가 정상적으로 동작 할 수 있도록 만들어 주는 기능이다.

예를들어 태그를 들어보자

<img>이미지 띄우고 싶다..</img>

이런 이미지 태그가 있다고 가정해보자.

이미지 태그는 당연히 태그의 뜻은 알고있겠지만 안의 있는 속성(Attribute)가 없으면 동작하지 않는다.

img를 띄우고 싶은데 그냥 막연히 이미지만 띄우면 컴퓨터가 어떻게 이해할까? 어떤 소스를 참고해서 이 소스를 띄워 달라고 얘기해줘야 컴퓨터도 알아먹을수 있지!

<img src="coding.jpg" width="100%"></img>

위의 코드 처럼 src 가 태그안에 들어가 있는 것을 속성이라고 한다.

속성은 선언하는 위치가 딱히 정해져 있지 않다.

위의 코드에 src나 width의 위치가 변해도? 딱히 문제 없다.

즉 정리하자면, 태그가 태그의 이름만으로는 정보가 부족할때 속성을 통해서 더욱더 많은 의미를 태그에 부여할 수 있게 된다.