| Tag |
소 스 만 들 기 |
|
1.글자
Tag |
기본:<font size=20 color=blue face=휴면옛체>사랑해요</font> |
|
속성: pre ; 글형식 그대로. font ;글자. size=5 color;색. face; 글씨체. |
|
★실습 ; 복사하여 붙여넣기
1.<pre><font size=15 color=blue face=궁서체>
글꼴궁서체 크기 15 글자색 청색 </font></pre>
2.<span style="COLOR:white; FILTER:shadow (color=#0000ff);height:4px font-family:돋움;font-size:20pt;color:#0000ff;width:100%;">팔공정보센터</span>
|
|
2.그림
Tag |
기본: <img src="그림 주소"> |
|
속성: width ;가로크기 height ; 세로 크기 gif; 그림 확장자( .gif .jpg ............) |
|
★실습; 복사하여 붙여넣기
1."독도" 그림주소 : http://home.invil.org/sao34h/imageSrc/1/12223419696896935.gif
<img src="그림주소" width=600 height=450>
|
|
3.음악
Tag |
기본: 1. <embed src="음악주소"> 2. <bgsound src="음악주소"> |
|
속성:
|
embed ; 음악. 동영상 |
hidden ; 재생기 |
false ; 재생기 생성 |
|
bgsound ;배경음악 |
loop ; 재생횟수 |
autostart ; 자동실행 |
|
infinite ;무제한재생 |
true ; 통과 |
| |
|
음악소스기본:<embed src="음악주소" autostart="true" hidden="false" loop="-1" volume="0">
★ 실습; 복사하여 붙여넣기
1.번지없는주막 :
<embed src="http://home.invil.org/sao34h/editorImage/download
/11793238723977478.mp3" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/
Products/MediaPlayer/" width="400" height="100"></embed> |
|
4. 링크
tag |
기본: <a href="링크 시킬 주소">여기를 누르세요.</a> |
|
속성: target="_blank ; 새창을 뜨게하는 속성 |
|
실습: 복사하여 붙혀넣기
1. 그림 ;<a href="http://home.invil.org/sao34h/imageSrc/1/12223419696896935.gif">여기를 누르세요.</a>
2.사이트 ; <a href="http://80home.ohpy,com/">여기 누르세요</a> |
|
5. 마퀴
Tag |
기본: <marquee>안녕하세요</marquee> |
|
실습 : 복사하여 붙여넣기
1. <marquee behavior=alternate>글자가 좌우로 왕복*^^*</marquee>
2. <marquee direction="left">이건 왼쪽이네요^^</marquee>
3. <marquee direction="right">이건 오른쪽이구여^^</marquee>
4. <marquee direction="up">요번에는 위로?</marquee>
5. <marquee behavior=alternate><img src="http://home.invil.org/sao34h/imageSrc/1/11581152728588601.jpg" width=600 height=450>
</marquee> |
|
6. 동영상
Tag |
기본:<embed src="동영상 주소" width=600 height=500> |
|
속성:embed src="동영상 찾기 width=가로 height=세로크기 |
|
실습 : 복사하여 붙여넣기
<EMBED src="동영상주소" width=600 height=500 loop=true>
1. 무인도 : <embed src='http://file.cafe.invil.org//root/sao34h1/8237/
12739780504352171.swf' play='true' loop='true' quality='high' PLUGIN_PAGE='http://www.macromedia.com/shockwave/download/
index.cgi?P1_Prod_Version=ShockwaveFlash' width='560' height='410' allowfullscreen='true' scale='exactfit'>
2. <EMBED src=mms://besttrot.cafe24.com/besttrot/kimyongim/kimyongim-yeon.wmv width=600 height=500 loop="true> |
|
7.Table
Tag |
|
기본:<table border="3"><caption>(표제목)</caption><tr><td>셀내용</td> |
1. 기본형 표 만들기
<TABLE BORDER=(숫자) WIDTH=(픽셀수)></TABLE> : 표테두리굵기,넓이
<TABLE BORDER=(숫자) HEIGHT=(픽셀수)></TABLE> :표테두리굵기,높이
<TABLE BORDER=(숫자) WIDTH=(픽셀수) HEIGHT=(픽셀수)></TABLE> : 표테두리굵기, 넓이, 높이 조정정렬
<TH ALIGN=LEFT></TH> : 헤더 내용을 셀 왼쪽으로 정렬
<TH ALIGN=CENTER></TH> : 헤더 내용을 셀 가운데로 정렬
<TH ALIGN=RIGHT></TH> : 헤더 내용을 셀 오른쪽으로 정렬
<TD ALIGN=LEFT></TD> : 셀 내용을 셀 왼쪽으로 정렬
<TD ALIGN=CENTER></TD> : 셀 내용을 셀 가운데로 정렬
<TD ALIGN=RIGHT></TD> : 셀 내용을 셀 오른쪽으로 정렬
★실습 ; 복사하여 붙여넣기
1. <table border="3"><caption>(표제목)</caption><tr><td>셀내용</td>
2. <TABLE BORDER=10 bgcolor=red WIDTH=500 HEIGHT=300><tr><td></TABLE>
3. <TABLE TD ALIGN=CENTER BORDER=10 bgcolor=blue WIDTH=600 HEIGHT=400><tr><td></TABLE>
2. 실습 : 복사하여 븥이기(그림자테이불)
<TABLE style="BORDER-RIGHT:#0000ff 5px solid;BORDER-TOP:#0000ff 5px solid; FILTER:progid:DXImageTransform.Microsoft.
Shadow(color:#cccccc,direction:145,
strength:15);BORDER-LEFT:#0000ff 5px solid;BORDER-BOTTOM:#0000ff 5px solid;HEIGHT:15pt" cellSpacing=3 cellPadding=15><TR><TD><TABLE style="BORDER-RIGHT:#0000ff 1px solid;BORDER-TOP:#0000ff 1px solid; BORDER-LEFT:#0000ff 1px solid; BORDER-BOTTOM:#0000ff 1px solid" cellSpacing=5 cellPadding=5 bgColor=#ffffff><TR><TD>글자그림입력부분 </td></tr></table></td></tr></table> |