경치와 사진/참고자료

그림 태그

hongil81 2013. 2. 25. 21:59

그림태그에 관해서 간단하게 요약하겠습니다.
여러분들도 아주 쉽게 태그를 할수있답니다.

그림태그 명령어는 <img src="그림주소">입니다.
참 간단하죠? 여러분들이 각 사이트에 돌아다니다 보면 여러가지
맘에 드는 그림들이나 사진들이 있을겁니다.
방법은 간단합니다.
마우스를 자신이 원하는 그림위에 놓고,
마우스 오른버튼을 누르시면 메뉴가 나옵니다.거기서 보면 하단쪽에 "등록정보"혹은 "속성"
이라는 메뉴가 있습니다.
그것을 클릭하시면 주소가 나옵니다.
그러면 그 주소를 마우스로 "드르륵" 긁어서 복사를 하시고 위에 말한거와 같이 명령어 뒤에
그 주소를 붙여넣기를 하면 됩니다.
어때여? 간단하죠?
이미지 태그파일은 gif 나 jpg 로 끝이 납니다. gif는 주로 그림파일이죠.. jpg는 주로 사진파일이고요...

그 밖에 tif 등의 파일이 있지만 인터넷 웹상에서는 위의 파일을 사용합니다.






※참고로 마우스로 복사를 못하는 초보님들께 알립니다.


글씨에 마우스를 꾹 누르신채 옆으로 드르륵 끌어당기면 글씨가 퍼렇게 변하죠?
이때 마우스 오른버튼을 누르시면 메뉴가 나옵니다.거기서 복사를 선택하면 복사가 된 상태입니다.

그 후에 붙여넣기를 하실때는 자신이 원하는 위치에 마우스를 갖다 대고 다시 오른버튼을 누르시면
붙여넣기 가 나옵니다. 그것을 선택해서 클릭하시면 붙여넣기가 된답니다.^^









앞서 기본태그에서 그림태그에 대해 짧게 설명을 했습니다.

지금부터는 그림태그의 여러가지 이미지 효과에 대해 설명과 자료를 드리도록 하겠습니다.

아래 사진 보이시죠? 전 wbc 수퍼플라이급 세계챔피온 문성길선수입니다^^;





이 사진을 가지고 설명들어가겠습니다.


"해당 이미지는 교육용으로 사용할 뿐 영리를 목적으로 사용하는 것이

아니오니 저작권에 위배 된다면 연락 주시길 바랍니다.

바로 삭제 조치 하겠습니다."


아래소스가 이미지 태그의 기본이죠?

<img src="http://www.tagkorea.pe.kr/mun.jpg">

기본 이미지를 다른 효과로 바꾸어 보도록 하겠습니다.










위의 사진과 뭐가 달라졌나요?

바로 좌우가 바뀌었답니다.

이 소스는 아래와 같습니다.

<img src="http://www.tagkorea.pe.kr/mun.jpg" style="filter:fliph()">

style="filter:fliph()" <--- 이 부분만 추가가 된겁니다.













자~ 이번 사진은 뭐가 달라졌나요?

어지럽지요^^

저두 어지럽습니다^^;

요번 이미지는 뒤집어 지는 효과네요~

소스는 아래와 같습니다.

<img src="http://www.tagkorea.pe.kr/mun.jpg" style="Filter: Flipv">

style="Filter: Flipv" <--- 이 부분만 추가가 되었습니다.










이번 효과는 이미지 주위의 뽀샵처리 효과입니다.

허여무리한게 이쁘져?

소스는 아래와 같습니다.

<img src="http://www.tagkorea.pe.kr/mun.jpg" style="FILTER: alpha(opacity=90, style=3, finishopacity=0)">

style="FILTER: alpha(opacity=90, style=3, finishopacity=0)" <--- 이 부분이 추가가 되었네요~











이번 효과는 흑백 효과입니다.

칼라사진을 흑백으로 바꿔 주는 효과죠^^

소스는 아래와 같습니다.

<img src="http://www.tagkorea.pe.kr/mun.jpg" style="filter:gray()")">

style="filter:gray()" <--- 이 부분이 추가되었네요^^












이번 효과는 신기하져?

엑스레이 효과입니다^^

태그로 포토샵효과를 낼수 있다는게 참 멋있습니다.^^

소스는 아래와 같습니다.

<img src="http://www.tagkorea.pe.kr/mun.jpg" style="filter:xray()">

style="filter:xray()" <--- 이 부분이 추가되었네요^^











이번 효과는 햇살받는 효과입니다.

사진만 잘 골라 넣으면 멋있는 효과가 기대 되네요 ^^

소스는 아래와 같습니다.

<img src="http://www.tagkorea.pe.kr/mun.jpg" style="filter:blur(direction=135,strength=100)">

style="filter:blur(direction=135,strength=100)" <--- 이 부분이 추가되었네요^^


'경치와 사진 > 참고자료' 카테고리의 다른 글

물의 가르침  (0) 2013.02.27
앨범 만들기  (0) 2013.02.25
링크 걸린 글 보고 삭제하기  (0) 2013.02.25
나무를 낳는 새  (0) 2013.02.25
노을 & 영롱한 이슬   (0) 2013.02.25