속성(Attribute)& 값(Value)

태그(요소)의 기능을 확장하기 위해 '속성'을 사용할 수 있다.

<TAG 속성 = "값"></TAG>

<img src = "./my_photo.jpg" alt = "내 프로필 사진"/>
<div class = "name">홍길동</div>

<!-- 다음과 같이 이해할 수 있다.-->
<이미지삽입 소스위치 = "./my_photo.jpg" 대체텍스트 = "내 프로필 사진"/>
<의미없는분할 태그별명 = "name">홍길동</의미없는분할>

<img/>는 이미지를 삽입할 때 사용하는 태그이다.

하지만 태그만 사용하면 어떤 이비지를 삽입하는지 알 수 없기 때문에 src(source)라는 속성을 사용해서 삽입할 이미지의 경로를 지정한다. 그리고 alt(alternative)라는 속성은 다양한 이유에서 이미지가 삽입되지 못했을 경우에 대신에서 나타나는 글자이다.

div는 division이며 <div></div>는 의미를 가지지 않는 태그로 어떤 내용이든 묶어낼(Wrap) 수 있다. 위에선 '홍길동' 이라는 텍스트를 묶었으나 그 내용이 무엇을 의미하는지 알 수 없기 때문에 name이라는 태그 별명(class)를 추가했다.

 

-->img와 같이 닫히는 태그가 없으면 빈태그라고 부른다.