링크와 이미지 넣기.

Posted by KOKPlay 1인 미디어

* <img>Image

속성 대부분src 이며 border,height,hspace,vspace,width 삽입 기본형태 <img src="파일명">

src 이미지의 경로와 파일명을 지정.

border 이미지의 테두리 두께를 설정. 기본값은 border="0" 입니다.

width 이미지의 너비를 설정. 픽셀이나 퍼센트(%)로 설정할수 있습니다.

height 이미지의 높이를 설정. 픽셀이나 퍼센트(%)로 설정할수 있습니다.

hspace Horizental Space 이며, 이미지의 좌우여백을 줄수 있습니다.

vspace Vertical Space 이며, 이미지의 위, 아래여백을 줄수 있습니다.

alt alt속성에 이미지에 대한 설명을 지정할수 있으며, alt값을 써주면

마우스 커서가 이미지 위에 위치할때 지정한 설명이 나타납니다

삽입 가능한 웹 문서 이미지 형식은 JPG, GIF, BMP 이나 BMP는용량이 커서 거의사용안함

이미지를 클릭해서 다른문서보기

앞서 배운 <a>태근 안에 <img>태그 삽입

소스로 링크와 이미지 삽입 쉽게 봐요^^(백문이불여일견)

<html>

<head>

</head>

<body>

이미지를 삽입하고 border와 alt를 적용했습니다. 마우스를 그림위로 가져가 보세요.

엠파스 로고이미지에 엠파스 홈페이지를 링크시킨경우입니다.

</body>

</html>

저위에서 moon.jpg 이미지에 마우스를 갖다데면 고요한밤 이란 단어가 뜹니다

이미지로 링크을 걸었기 때문에 자연적으로 테두리가 있죠 그래서 border을 0 으로 했습니다

원리를 기억해두셨다가 나중에 연습해보세요

----------------------------------------------------------------------

다른곳에서 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.

인기여행국가 및 도시의 호텔정보