Nickoo's Blog

이번시간에는 이미지에 대해 배워보겠습니다.

이미지는 <img> 요소로 'src'라는 이미지 파일의 경로와 'alt'라는 대체 텍스트를 작성하는 속성이 있습니다.

아래 코드를 보시면 그림에 Company info라는 대체 텍스트가 있습니다.

실행을 시켜보면 다음과 같이 나옵니다.

(저는 사당역 근처에 있기 때문에 사당역을 표시했습니다)

파일 다운받기 : html5_5_1.html

다음으로는 지난 시간에 배운 앵커를 접목해보면 아래와 같습니다.

테두리가 있는데 이미지 파일에 링크를 해준거고 #은 현재 페이지에 있어라 라는 뜻이예요~

좀 더 복잡한 구조로 상세한 설명이 필요한 것은 'longdesc' 속성으로 사용하는데 현재 브라우저들이 지원을 제대로 해주지 않기 때문에 생략하겠습니다.

문서 내에서 다른 문서를 불러들이는 방법인 아이프레임에 대해 알아보겠습니다~