[스크랩] [태그배우기] 사진 가져오기

위사진은 카페지기이신 우리세상님이십니다...

오늘부터 태그에 대한 기초를 설명하려 합니다.
예전에 올린게 있지만 보완하여 다시 올리니
차근차근 따라해 보세요.
1. 위에 있는 사진에 마우스를 대고
   오른쪽 키를 클릭하세요.
2. 그럼 이 사진의 자료가 나옵니다.
   제일 밑에 소스(속성)를 마우스 좌측키로 클릭하세요.
3. 그러면 중간에 주소란이 나옵니다.
   그 주소를 드래그하셔서 복사하세요.
4. 다른 곳에 가서 붙여넣기를 하세요. 그럼 이렇게 주소가 나오죠.
https://t1.daumcdn.net/cafefile/pds20/11_q_p_uQyx_1as0_000_00_00000039_05
5. 이 주소만 붙이면 사진이 안 나옵니다.
   앞에 img src= ←이걸 붙이고 소스를 만들어야 돼요.
 <img src=https://t1.daumcdn.net/cafefile/pds20/11_q_p_uQyx_1as0_000_00_00000039_05
   이렇게 만들어 주어야 사진이 나옵니다.... 쉽죠..?
6. 사진에 글을 넣어야죠
   그냥 하면 글이 그림에 붙어서 나오니까 칸을 띄워야 합니다.
   <br>은 한개에 한칸 띄우기
   <p>는 한개에 두칸 띄우기.. 많이 넣어도 두칸이상은 안됩니다.
   세칸 이상은 <br>을 띄우는 칸수만큼 넣습니다.
7. 글을 그냥 넣으면 좌측에 들어갑니다.
   그림의 중앙에 글을 정열 시켜봅니다.
   그럼 명령어가 필요하죠 <center> 내용 </center> 이렇게 하면 됩니다.
   그리고 글자 크기와 색상, 글씨체를 지정합니다.
   <font size=3 color=blue face=굴림체> 내용 </font> 이렇게 하시면 돼요.
8. 그럼 전체를 해 볼까요..?
<img src=https://t1.daumcdn.net/cafefile/pds20/11_q_p_uQyx_1as0_000_00_00000039_05
<p><center><font size=5 color=blue face=오이체> 위사진은 카페지기이신 우리세상님이십니다...</font></center>
그림 사이즈는 그림을 올릴 때 지정 할 수 있습니다
위에 있는 그림은 가로가 650 픽셀에 세로가 977 픽셀 입니다.
정상적인 소스는
<img src=https://t1.daumcdn.net/cafefile/pds20/11_q_p_uQyx_1as0_000_00_00000039_05 width=650 height=977> 입니다
그런데 width=650 height=977을 생략했던 겁니다.
그림의 사이즈는 가로와 세로의 숫자를 바꾸어 주면 됩니다
사이즈를 바꾸실 때 되도록 원래 그림의 가로, 세로 비율을
지켜 주시는게 좋습니다.
그리고 그림을 작게 하는 것은 별 문제가 없으나 크게하면
그림의 선명도가 떨어진답니다...
그림의 사이즈 변경을 간단하게 하실려면 가로 수치만 넣어 주시면 
세로는 저절로 그 비율대로 변경이 됩니다.
예를 들면 
<img src=https://t1.daumcdn.net/cafefile/pds20/11_q_p_uQyx_1as0_000_00_00000039_05 width=650>
이렇게요

태그연습 게시판에 연습들 해 보세요... 

출처 : 4050우리세상

글쓴이 : 북한강 원글보기

메모 :