|
자자
이제 신나게 공부하자구요 사진을 올려봅시다
<img
src="이미지주소"> <<<=== 이태그 무조건외우기
태그를
모르는 분들은 의외로 사진 올리는 것에 대하여 상당히 두려워한다
다른 분들이
올리는 것을 유심히 샆펴보면 누구나 다 할 수 있는게 태그이다
그러나
사실 간단한 것이지만 그것도 모를 때는 상당한 어려움이 따른다.
혀서 이번에
실전에 꼭 필요한 태그를 올려서 누구나 쉽게 태그의 세계에
접근하고자한다
여러
가지 설명을 한다면 한도 끝도 없으므로 기본적인 교육만 할 예정이니 그후론 남들이
올려놓은
태그를 소스 보기하여 자신이 변형하여 사용하기 바란다
◆사진
올리는범 구체적인 설명
정신
바짝 차려야해요 사실 사진정도는 올려야해요 암만 몰라두 ㅠ.ㅠ
사진을 제공하는 홈에 방문한다 |
|
작은
사진이라면 클릭하여 원본 사진이 |
|
등록정보를
눌러서 나오는 |
|
블록을
설정했다면 블록위에다가 그것을 클릭한다 |
|
여기서
다른분들은 어떻게 사용하는지 |
|
이제
태그를 완성해보장 |
|
메모장 안하고 게시판에 바로올려도 마찬가지 |
|
다시한번 강조하지만 게시판에 올릴때 |
이것이 가장 간단한 사진 올리는 법이다 모든 원조는 여기서 시작되는것이니
다른
태그 철자는 외울 필요없지만 이 태그는 외워두자 너무 자주 사용하는것이니
아마도
자연스레 외워질 것으로 생각됨.
사진이야기가 나왔으니 좀더 추가하여 설명한다
일단은 움직이는 것 보단 기본
배치를 알아보자
글자를 중심으로 배치하는 경우에 사용되는 태그
<img src="사진주소" align=top,
middle, bottom, left,
right>
<img src="사진주소" align="top">우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 글 위치를 잘봐두시길... |
우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 |
<img src="사진주소" align="middle">우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 글 위치를 잘봐두시길... |
우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 |
<img src="사진주소" align="bottom">우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 글 위치를 잘봐두시길... |
우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 |
<img src="사진주소" align="left" >우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 글 위치를 잘봐두시길... |
우산홈은 멋지고 |
<img src="사진주소" align="right">우산홈은 멋지고 우산도 멋쟁이고 언제와도 기분좋은곳이다 글 위치를 잘봐두시길... |
우산홈은 멋지고 |
주요태그 <img src "사진주소" vspace="30" hspace="30"> * hspace: 이미지의 좌우측 여백을 지정한다. * vspace: 이미지의 상하 여백을 지정한다. <img src= "사진주소" border=3> : 이미지 주위에 테두리를 만들어 준다. * border=0 이면 테두리가 없어진다. |
|
<img src= "사진주소" border=0> |
|
<img src= "사진주소" border=1> |
|
<img src= "사진주소" border=2> |
|
<img src= "사진주소" border=3> |
|
<img src= "사진주소" border=4> |
|
이런식으로 border 값이 크면 클수록 태두리 굵기가 점점 굵어진다 |
게시판에 작은 사진을 올릴때 사진을 화면
중앙으로 오게 할려면?
<center><img src="사진주소"
border="0" ></center>
이렇게
<ceneter> 사진내용 또는 글의 내용 </center>
안의
내용이 어떤 것이든 게시판 중앙에 위치하게 하므로 꼭 명심할 것.
중요
사항 영원히 기억요
사진을 나중에 자신이 편집하거나 또는 사진을 자신의 계정에
올릴때는
꼭 사진명을 영어나 숫자로 할 것 이것은 필수이니 명심하세요
왜냐면
우리가 사용하는 익스플로워가 외산이기 때문에 한글 파일명은 이해를 못하여
사진이
안보이는 경향이 많음 특히 외국인이 본다면 사진을 볼수없다,
예) 구름사진.jpg
구름사진.gif 이것을 숫자나 영어로 바꿔준다 11.jpg 또는 cloud.gif
또한
필히 알아둬야하는 것은 태그를 사용할 때 가능한 소문자를 사용할것
왜냐면 태그는
대문자 소문자를 구별하는 성질이있다는 말씀.
철자는 같드라도 안보이는 경우는
대소문자가 틀려서 그렇다는 말입니다
예) 23.JPG를 23.jpg 로 올리면 안보임.
예)
good.gif를 GOOD.gif 로 올려도 안보임
이제 사진에 멋을 첨가 해보장
이건 평범한 사진을 포토샾으로 꾸민 것처럼
보이게 하는것인데
메모장에 저장해두고 필요할 때 사용하면 유용할듯.
원본사진 <img src="사진주소"> |
|
투명도 조절 <img src="사진주소" style="filter:alpha(opacity=100,
style=2, finishopacity=0)"> |
|
그림자 효과 <img src="사진주소" style="filter:blur(direction=135,strength=100)"> |
|
좌우가 바뀜 <img src="사진주소" style="filter:fliph()"> |
|
위 아래가 바뀜 <img src="사진주소" style="filter:flipv()"> |
|
색상효과 <img src="사진주소" style="filter:gray()"> |
|
색 전환 효과 <img src="사진주소" style="filter:invert()"> |
|
물결 <img src="사진주소" style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)"> |
|
x-ray(?) <img src="사진주소" style="filter:xray()"> |
자자 요기까지.......