Adding Images

• src : 브라우저에게 어디서 이미지 파일을 찾아야하는지 경로 알려줌
• alt : 이미지의 텍스트 설명 제공
• title : 이미지에 대한 추가 정보를 제공(유저가 이미지를 hover했을때 나타남)
• most image format : JPEG, PNG,GIF

Height & Width of Images

2 attributes

• height : 이미지의 픽셀 높이를 명시
• width : 이미지의 픽셀 너비를 명시

보통 HTML 요소들을 load하는 것보다 이미지를 오래 걸리기 때문에, 이미지 사이즈를 남겨두고 나머지 부분들이 렌더링되게끔 하는게 좋은 선택. 이미지의 사이즈는 보통 CSS로 명시하기보다는 HTML로 명시하는 편

Where to place images in your code

1. before a paragraph : 이미지 이후에 문단이 시작
2. inside the start of a paragraph : 이미지 아래쪽에 텍스트가 정렬되어 시작
3. in the middle of a paragraph : 문단 중간에 위치

Adding Links

**<a> element**를 이용해서 링크를 생성 **href attribute**를 이용해서 어떤 페이지로 이동할지 명시 가능

Linking to other pages on the same site

동일 사이트 내에서 페이지를 이동하는 경우엔, **상대 경로 URL**을 이용하면 됨 (shorthand way)