[HTML/CSS] 이미지와 하이퍼링크
programming/html-css

[HTML/CSS] 이미지와 하이퍼링크

3. 이미지와 하이퍼링크


3.1 이미지

<img src="이미지소스" width="가로길이" height="세로길이 alt="대체텍스트">

- 웹에서 사용하는 이미지의 종류 : jpg, png, gif


3.2 하이퍼링크

<a href="이동할 주소">하이퍼링크</a>

ex. <a href="https://www.google.com">구글로 이동</a>


3.3 실습예제


3.3.1 ch03/image.html

3.3.2 ch03/link.html

3.3.3 ch03/map.html

3.3.4 ch03/svg.html

- SVG : 스케일러블 벡터 그래픽스(Scalable Vector Graphics)

- 2차원 벡터 그래픽을 표현하기 위한 xml 기반의 파일 형식

- 1999년 W3C(World Wide Web Consortium)의 주도하에 개발

- 픽셀로 구성된 raster(래스터) 그래픽 방식의 단점인 확대/축소 시에 품질이 나빠지는 단점을 보완

- 벡터 그래픽은 그리는데 시간이 많이 걸리지만 확대/축소 시에 품질 저하가 없음