HTML 이미지삽입, 하이퍼링크삽입, <iframe> 태그

HTML 이미지삽입, 하이퍼링크삽입, <iframe> 태그

- 이미지 삽입

 종료태그 없이 사용

 1) src = "이미지파일"

 2) width = "숫자"

 3) height = "숫자"

 4) alt = "내용" : 이미지가 표시 되지 않을때 대체

 

- 하이퍼링크

 <a> 태그 

 주요속성

 href = "URL" 

 target = "창의 이름"

 download : href 속성에 지정된 파일을 다운로드해서 저장

<a href="url" title = "텍스트"><img src="경로"></a>

<a target="_아래값"> </a> : 링크가 클릭되었을 때 내용이 표시될 창을 지정

 _blank : 새로운 창에서 연다

 _self : 현재 창에서 연다 

 _top : 하나의 화면에서 링크

 _parent : 부모창에서 링크 연다

.

<a href = "flower.jpg" download><img src=""></a>

--> 바로 다운로드 받을 수 있다. 

특정위치로의 이동

--> 동일/다른 페이지의 특정 위치로 이동하기 위한 형식

같은 페이지에서 이동할 경우

<a href="#이동할 특정위치의 이름">내용</a>

다른페이지에서 특정위치로 이동할 경우

<a href="페이지경로#이동할 특정위치의 이름">내용</a>

이동할 위치

<a id ="이동할 특정위치의 이름"></a>

<a href="#top">맨 위로</a> : 맨위로 기능

<iframe> 태그 : 현재의 웹페이지 안에 다른 웹페이지를 표시하는 창 삽입

 주요속성 

   name="이름" : 창의 이름을 지정

   src = "URL"

  

이미지맵 : 하나의 이미지를 여러 개의 영역으로 나누어 각 영역마다 링크를 지정하는 것

<img src = "url" usemap = "#맵이름">

<map name = "맵이름">

  <area shape = "각 영역의 모양""

coords="이미지맵의 좌표값 지정"

href = "링크할 url"

target = "링크가 열릴 창을 지정"

alt = "표시 내용 지정">

</map>