생활코딩 웹 제작 스터디 [WEB1 - HTML & Internet] - 속성(Attribute)

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다.

---

속성이 왜? 필요 해졌는가에 대한 이야기를 해보려고 한다. img라는 태그는 말 그대로 이미지를 웹에 삽입하는 것이다. 하지만 <img>를 입력한다고 해서 웹에 변화는 없다. 그 이유는 어떤 이미지를 불러올 지에 대한 정보가 부족하기 때문이다. 따라서 태그를 만든 사람은 태그 이름만으로는 정보가 부족하다는 점을 인지하고 새로운 문법인 속성을 도입하게 된다.

---

- img : 웹 상에 이미지를 삽입할 때 사용하는 태그, 열린 태그만 있다. 하지만 속성 값을 입력해야 한다는 점

예시) <img src="address">

결과값) address에 있는 사진 파일이나 이미지 주소 값에 있는 이미지를 불러와서 웹 상에 출력된다.

위 코드에서 src가 바로 속성이다.

 

- src : img태그의 속성 중 하나로써 이미지를 불러올 수 있게 한다.

 

- width : img태그의 속성 중 하나로써 이미지 크기를 %로 조정할 수 있다. 

예시) <img src="address" width="100%">