본문 바로가기
TIL

2024.02.20 1일차 HTML

by Song.dev 2024. 2. 20.

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

https://www.w3schools.com/html/default.asp