Attributes

<a href="https://www.w3schools.com/tags/tag_div.asp">이동하기</a>

a는 tag 이름이고
href는 attribute(속성) 이름이며
https://wecode.com 는 href 속성에 대한 attribute 값이고
"이동하기"는 content(내용)입니다.

ID

<div id="profile">

id는 각 태그에 이름을 주는 속성입니다. 이름은 이름인데, 주민등록 번호와 같이 한국에 단 하나밖에 없어 대상을 식별할 수 있는 고유한 값이어야 합니다. 따라서 웹 페이지에 해당 id 이름은 오직 하나만 가질 수 있습니다. 즉, 중복된 id 이름이 있으면 안된다는 말입니다.

class

<div class="content-wrap"></div>
<p class="content-wrap"></p>

class도 태그에 이름을 주는 속성입니다. id와 비슷한 역할이지만, class는 여러 태그에 중복된 이름을 부여할 수 있습니다. 예를 들어 '이철수'라는 이름을 가진 사람이 여러 명 이듯이 여러 tag에 중복된 class 이름을 줄 수 있습니다.

여러 속성 추가하기

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

<div id="profile" class="content-wrap"></div>
<img src="./hi.png" alt="내사진" >