본문 바로가기
♣〓태그소스모음

이미지 태그

by 실비단 2005. 12. 13.

HTML

<html> HTML 문서의 시작과 끝을 나타냅니다.

HEAD

<head> HTML 문서의 머리말 부분에 해당합니다.

BODY

<body> HTML 문서의 실제적인 내용이 들어가는 부분으 로 본문에 해당하며 화면에 곧바로 나타나게 되는 부분이므로, head 태그가 끝난후에 지정해 줍 니다.

TITLE

<title> HTML 문서의 제목을 나타냅니다.

head 사이에 넣습니다.

배경그림 바꾸기

<body background="배경그림의 주소">

구름배경을 넣는다면

<!--

body{background-image : url("http://my.dreamwiz.com/titan2k/graphic/bground/cloud-bg.jpg");

background-repeat : repeat ; }

//-->

</style>

배경색상 바꾸기

<body bgcolor="색상명">또는

<STYLE type=text/css>

body{background-color: black; 칼라만 바꾸면 됩니 다.

이미지 태그

<img src="그림주소">

이미지에 마우스 대면 내용 나오게 하기
<img src="그림주소"border="0"alt="내용">

** 각 소스의 수치를 변경해서 해보세요....*^^* **

opacity=100(선명도..숫자가높을수록 흐려짐)
style=0(0=원본그림,1=한쪽만흐리게,2=원형으로흐리게,3=사각형)

* 원본 이미지 *





* 투명한 듯한 그림 1-한쪽만 흐리게 *





* 투명한 듯한 그림 2-원형으로 흐리게 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)">



* 투명한 듯한 그림 3-사각형으로 흐리게 *






* 전체적인 효과 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style='filter:Alpha(Opacity=50)'>




* 햇살에 비추는 듯한 이미지 *






* 흑백 이미지 *






* 칼라 필림 효과 *