HTML 태그
<input type="text" id="id-input" class="input focus">
1. 하나의 태그에서 id와 class를 동시에 사용할 수 있다.
2. 하나의 태그에서 class 속성값을 하나 이상 사용 시 공백(space)으로 구분한다.
<!-- 절대경로 -->
<img src="C:/Users/user/Desktop/practice/images/code.jpg" width="500">
<!-- 상대경로, 같은 폴더 -->
<img src="../code.jpg" width="500">
<!-- 상대경로, 다른 폴더 -->
<img src="../images/code.jpg" width="500">
<!-- 링크로 이미지 삽입 -->
<img src="https://i.imgur.com/0Y1b8Xv.gif">
3. img 태그 src 속성으로 PC에 저장된 이미지를 가져올 때 2가지 방법이 있다.
상대경로는 html 문서가 있는 디렉터리의 상위에서 찾는 방법이다.
같은 폴더라면 두번째 케이스처럼 파일명만 사용하면 된다.
MDN HTML 참고서
https://developer.mozilla.org/ko/docs/Web/HTML/Reference
W3schools HTML Tutorial