Html 3

13 Feb 2022

---

4th img

img태그는 닫힘 태그가 없음

• 웹페이지는 jpeg 보다 압축률이 낮은 png파일이 유리
  이미지안에 속성 적용(가로 세로 크기)

<div>
  <a href="http://google.co.kr">
    <img src="./google.png" />
    google
  </a>
</div>
<img src="./google2.png" width="600px" height="auto" />

5th directory

• ./폴더이름/파일이름 : ‘.’= 속해있는 현재폴더
• ../폴더이름/파일이름 : 속해있는 폴더가 속해있는 상위폴더 그안의 폴더이름 파일이름

<div>
  <a href="http://google.co.kr">
    <img src="../data/google.png" />
    google
  </a>
  <img src="../data/google2.png" width="400px" height="auto" />
</div>

6th link

코드라인을 간소화해서 가볍게 만들면 읽는 속도가 빨라짐

• rel = relation(연결관계)
• font weight = 글자 굵기

<link href="./data/style/default.css" rel="stylesheet" />