영상 img src="그림 소스" 이미지 소스만들기
1. 원하는 그림이나 사진이미지 위에 마우스를 놓고 오른쪽 클릭하세요.
2. 창이 하나 뜨는데 맨 아래에 등록정보나 속성(R)를 클릭 합니다.
3. 또하나의 창이 뜹니다. 그러면 주소(URL)옆에 영어로 되었는데
그 부분이 그림이미지소스(http ~ jpg)까지 사진은(http ~ 235)까지 {사진파일은 숫자}
블럭을 잡아서 복사를 합니다.
※참고=그리고 바로밑에있는 그림크기를 매모해 두십시요
4. 주소창을 확인하여 닫고 그림을 넣고 싶은 곳에 와서
img src=" 주소 붙여 넣기 "> 합니다.
★참고
그림이미지에 크기를 삽입하고자할때 아래 명령어를
삽입해서 조정합니다
width="500" height="375"
그림크기 매모해둔것 가로,세로 " ★ "에 붙이기하고
※여기서 img src=" 이미지주소 " > 그림을 불러오는
명령어이기 때문에 외워야 합니다.
그리고 태그의 모든 명령어는 시작과 끝은 ( < )와( > )로 마무리 하시는거 알아 두셔야 합니다.
★ 예 : 영상 img src="그림 소스" >이미지 소스만들기 (완성소스).. 항시 명령어 앞,뒤에 ( < )와( > )꼭 붙칠것)
완성된 소스
img src="https://t1.daumcdn.net/cafefile/pds46/13_cafe_2007_08_08_18_54_46b992d754443"
width="634" height="484">
완성한 그림이미지
이때( " 영상이미지 주소 " ){"}를 붙치면 영상이미지 주소가 보호됩니다
이미지 불러오기 하셨나요?
힘들죠 알고보면 쉬워요 첫단추부터 플어보면
다음단추는 자연히 채워지지요
※쉽게 연습할수 있는방법은 창하나 더만들어서 연습하면 좋아요 함 해보세요 ㅎㅎ
만드는 방법은 컴퓨터 밑에 좌판에 컨트롤(Ctrl)+(N)을 클릭하면 창이하나 뜹니다
뜨면 연습방을 찾아서 왔다 같다 하면서 연습하면 좋아요
2단계 넘어가기전에 그림이미지 주소 불러오기 를 할줄알아야
2단계로 넘어갈수 있어요 연습많이하세요
★ 1단계로 넘어가볼까유 1단계에서는 직접 기본 태그구조를 알아봅시다.
table background="이미지 주소"=태이블 백그라운드 즉 말그대로 태이블위에
그라운드를 만들어서 여러가지 치장을 하는겁니다
width= "이미지 가로"
height= "세로">
border= "테두리두께">
bordercolor= "태두리 색상">
tr> td>= 백그라운드이미지속에 글이나 이미지 삽입하게 도와주는 명령어 font color="white" size="3" face="바탕체"> = 글씨 색과,크기,글꼴를지정하는소스
pre> = 글씨 문단간격 자동조절,
b> = 글씨굵기
아름다운 시나 글을쓴다
'
'
'
'좋아하는 음악 삽입하고요
EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.
asp src=http://61.109.255.55/p2p_ms/0/low_wma/264/264335.asf width=300 height=250
hidden=true type=application/x-mplayer2 autostart="true" loop="true" SHOWCONTROLS="1" SHOWSTATUSBAR="1">
마지막에 명령어가 끝남을 표시해주어야합니다그래야 태이블에 챠려진건만 있어쟈지 잡동산이가 들어오지못허게 허는겁니다
(여기서 /은 명령어가 끝남을명령
/font> /td> /tr>
/pre> /b> /table>
★대충 이해가 갑니까 정리해보면소스는 이렇게 되겠죠~~ (항시 명령어 앞,뒤에 ( < )와( > )꼭 붙칠것)
table background="https://t1.daumcdn.net/cafefile/pds46/13_cafe_2007_08_08_18_54_46b992d754443"
width="634" height="484" border=5 bordercolor="001100">
tr> td>
font color=white size=3 face="바탕체"> pre>
아름다운 시나 글을쓴다
'
'
'좋아하는 음악 삽입하고요
EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/
default.asp src=http://61.109.255.55/p2p_ms/0/low_wma/264/264335.asf
width=300 height=250 hidden=true type=application/x-mplayer2 autostart="true"
loop="true" SHOWCONTROLS="1" SHOWSTATUSBAR="1">
/font> /td> /tr>
/pre> /b> /table>※ 참고로 위의소스가 태그 기본소스로
이걸 복사해서 연습장에가서
이미지(사진)소스와 크기,시만바꾸면
기본태그가 완성되는겁니다
연습만이 자기만의 태그를 할수잇어요 아싸!~
★ 태그완성 결과보기(글씨가 고정되는 태그)
고정태그는 짦은 글를 올릴때 사용하고요
아까도야그혔지만 성급허게 단계를 넘어가지마시고
자주 연습해서 내것으로 맹근다음 다음당계로 가세요
앞으로 마퀴태그,사진합성태그,스위시태그 까지 이어갈겁니다
쉽게헐수있도록 나열할태니 연습많이해야합니다
★★ 2단계 태그 만드는방법
(글씨가 움직이는태그)마퀴태그
위에 글꼴를 지정해주는 소스 위에다가아래 마퀴소스
marquee direction="up" scrollamount="1" loop="0">
이소스를 넣어주면 됩니다
marquee= 영상이나, 글 ,이미지등을 움직이게하는 명령어입니다
direction="up" 위로 올라감.. (글이나 아이콘을 움직이는방향)
scrollamount="1" 숫자가 커지면 속도도 빨라짐
loop="0" 얼마만큼 반복해 줄것인가를 결정케함
(0)무한대 (1~...4)수자만큼 반복
center>글씨를 가운데로 정렬시킴
pre> 자동으로 글씨문단 정렬
b> 글씨를 두껍게 함
★ 소스를 정리하면 이렇게..
(항시 명령어 앞,뒤에 ( < )와( > )꼭 붙칠것)
table background="https://t1.daumcdn.net/cafefile/pds46/13_cafe_2007_08_08_18_54_46b992d754443"
width="634" height="484" border=5 bordercolor="001100">
tr> td>
marquee direction=up scrollamount=1 loop="0">
font color=white size=4 face="바탕체"> pre> b>
여기서 글씨칼라는 (color=white) (색상표)를참조
바꾸면됩니다
아름다운 글이나 시를 씁니다..
어때요~~
글씨가 위로 올라가죠
태그 기초만 알면
누구나 쉽게 따라 할수 있어요
EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/
default.asp src=http://61.109.255.55/p2p_ms/0/low_wma/264/264335.asf
width=300 height=250 hidden=true type=application/x-mplayer2 autostart="true"
loop="true" SHOWCONTROLS="1" SHOWSTATUSBAR="1">
/font> /td> /tr>
/pre> /b> /table>
/marquee> /center> /table>
★ 결과보기..(항시 명령어 양옆에( < )와( > )꼭 붙칠것)
(그림자글씨 태그)
그림자글씨 태그는 그림이미지 가 밝을때
글씨가 잘안보여서 황당한 일이 있을때 사용한다
밑에있는소스가 그림자효과를주는 명령어소스입니다
span style="color:00ffff; filter:shadow(color=000000); height:12px; ">
구성을보면
span style = 그림자효과를주는 명령어
color:00ffff = 글씨색상
filter:shadow(color=000000); = 그림자색상
height:12px; = 그림자 두께(크기)
색상표를보고 이미지에따라 표기해주면 됩니다를 밑에있는 미퀴소스와 글꼴지정해주는 소스사이에
붙치기하면 됨니다
marquee direction=up scrollamount=1 loop="0">
FONT face=지명이체 size=3> pre> b>
**결과보기 소스**(항시 명령어 앞,뒤에 ( < )와( > )꼭 붙칠것)
marquee direction=up scrollamount=1 loop="0">
span style="color:00ffff; filter:shadow(color=000000); height:12px;">
FONT face=지명이체 size=3> pre> b>
그럼 1,2단계에서 기본태그에 사용하면 됩니다
**그럼 최종 정리해보면
(항시 명령어 앞,뒤에 ( < )와( > )꼭 붙칠것)
table background="http://bbs.nate.com/files/bbs/images/general/adult07/45/v4[20031007204037].jpg" width="600" height="400" border=5 bordercolor="001100">
tr> td>
marquee direction=up scrollamount=1 loop="0">
span style="color:00ffff; filter:shadow(color=000000); height:12px;">
FONT face=지명이체 size=3> pre> b> ul>
아름다운 글이나 시를 씁니다..
어때요~~
글씨에 그림자가 생겼지요
EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/
download/default.asp src=http://61.109.255.55/p2p_ms/0/low_wma/264/264335.asf
width=300 height=250 hidden=true type=application/x-mplayer2 autostart="true"
loop="true" SHOWCONTROLS="1" SHOWSTATUSBAR="1">
/font> /td> /tr> /ul>
/pre> /b> /table>
/marquee> /center> /table>