HTML - 3. HTML Attributes

attribute는 종류가 많고, 어떤 tag인지에 따라 적용할 수 있는 attribute도 달라진다.

1. id

id는 각 태그에 이름을 주는 속성이다. 즉, 주민등록번호와 같이 한국에 단 하나밖에 없는 고유한 값이라 이해하면 된다.

웹 페이지에 해당 id 이름은 class처럼 중복되지 않고 오직 하나만 가질 수 있다.

(예. div id = "hi">) 이와 같이 hi이라는 id를 가진 태그는 단 하나만 있을 수 있다. 다른 태그에 hi라는 id는 더 이상 사용할 수 없다. 그래서 id는 해당 요소에만 넣고 싶은 디자인을 적용할 때 주로 사용한다.

class도 태그에 이름을 주는 속성이다. id와 비슷한 역할이지만, class는 여러 태그에 중복된 이름을 부여할 수 있다. (예. <div class = "hello"></div>, <p class="hello"></p>)

하나의 태그에 2개 이상의 속성을 부여할 수 있다. 여러 속성을 주고 싶으면 한 칸 띄워쓰기 후 추가하면 된다. 속성의 순서는 상관없이 쓰고 싶은 대로 쓰면 된다.

(예. <div id="hi" class="hello"> , <img src="./hi.png" alt="안녕사진">