tag |
소 스 만들기 |
1.글자 tag |
기본:<font size=4 color=blue face=md솔체>사랑해요</font> |
속성 : font=글자.size=크기 color=색깔 face=글씨체 |
실습 목표 ; 에디터 글을 쓰고, 글자의 크기, 글씨체, 색깔을 변경하고, html에서 변한 것을알게한다.
1.에디터창에 '사랑합니다' 입력하고, 부럭 씌우고, 크기 20pt 로하고 html창을 보자. 2.에디터창에 '사랑합니다' 입력하고, 부럭 씌우고, 빨간색을 선택후 html창을 보자. 3.에디터창에 '사랑합니다' 입력하고, 부럭 씌우고, 궁서체로 하고 html창을 보자. ※font size=20 color=red face=궁서체 로 바뀐 것을 알수있다. |
2.그림 tag |
기본 :<img src="그림주소" width=600 height=450> |
속성 : img :그림. src :source약쟈. width=가로 height=세로 |
실습 : 목표 : 그림 소스를 알고,그림주소를 바꿀줄 안다.
1.위 기본을 복사하여 html 창에 부치기를 하고. 2. 그림주소를 복사해서(그림위에서 우/마-속성-주소 복사) 3. html창의 "그림주소" 네자를 지우고,붙이기를 하고, 미리보기를 해보자. ※그림이 나타나는 것을 알 수 있다. 위 기본을 기억해 두자 |
3.링크 tag |
기본 : <a href="연결할 주소">여기를 누르세요.</a> |
속성 :ahref:연결 target="_blank ; 새창을 뜨게하는 속성 |
실습 : 목표 : 링크의 기본을 알고 주소를 바꿀줄 알게한다.
1.위 기본을 복사하여 html 창에 부치기를 하고. 2."연결할 주소" 다섯글자 삭제하고, 3.복지통신 경기지부주소를 복사하여 html 창 따옴표사이 "I" 에다 붙이기를 하자. 4.미리보기 클릭하면 [여기룰 누르세요]가 보인다. 누르기하면 '경기지부' 가열린다. ※ 또 다른 주소를 복사 하여 붙이기 해보자. 1번 2번과 같이 하고 http://bicho3.com.ne.kr 복사하고, html창에 따옴표사이 "I" 에 다 붙이기를 하고, 미리보기를 해보면 열린다. |
4.음악 tag |
기본 : <embed src="음악주소"hidden=falseloop="1" volume="0"> |
속성: 1. embed ; 음악. 동영상 2. hidden=재생기 3.false ; 재생기생성 4. loop=재생횟수 5. autostart=자동출발 6. true ; 통과 7. bgsound ;배경음악 8. infinite ;무제한 9.volume=0: 소리크게 |
실습-1 목표 : 재생기에서 음악 주소 찾아, 위 기본에 붙이기를 하고, 옮길줄 안다.
1.위 기본을 복사하여 html 창에 부치기를 하고. 2."음악주소" 네자를 삭제하고, 3. 재생기 위에서 우/마 하여 주소를 복사하고, 4. html 창 따오표와 따옴표 "I" 에 주소를 붙이기를 한다. 5. 미리보기를 하면 음악이 울린다. ※위 와 같은 방법으로 다른 음악주소를 복사하여, 기본에다 붙이기하고 미리보기 해보자.
실습-2 목표 : 메일에서html창에서 음악 소스 찾기를 목사하여 옮길줄 안다. 1.메일 제목 클릭하면 음악소리가 나온다. 2.답장 탭 클릭하면 편집창으로 바뀐다. html 탭 클릭해서 열고. 3.Ctrl + F 하면 찾기창이 열린다. embed 입력하고 찾기 탭을 누른다. 4.<embed 가 보인다.음악 소스를 찾은것이다. 5.<embedsrc=http://-- ----.mp3-------- -----> 드리그 복사한다. 6.나모 html 창에 붙이기를 하고 미리보기 하면 음악이 울린다. ※ 음악 소스를 많이 저장하여 활용하자. |
5.마퀴 tag |
기본: <marquee direction=left scrollamount=1> 사랑해요</marquee>
|
속성 : direction=방향(left right updown) scrollamount=속도 <pre>글 쓰는 대로 나타내기 <br> 줄바꾸기 behavior=alternate 왕복 예) <marquee direction="left">이건 왼쪽이네요^^</marquee> 예) <marquee behavior=alternate>복 많이 받으세요</marquee> |
실습 목표-1 : 마퀴의direction방향을 넣고,scrollamount의 속도를 마출줄 안다.
1.위 기본을 복사하여 html 창에 부치기를 하고.'미리보기' 해보자. 2. left 를 지우고, 그자리에 right를 입력한 후 미리보기를 해보자. 3.속도 scrollamount=1 에서숫자 1을 5 로 바꾸고, 미리보기를 해보자.
목표-2 : 표를 만들어 마퀴를 넣을 줄 안다. 1. 표 만들기 --표--표속성 --배경색 (밤색-선택) 2. 불럭하고 글자색-노란색 3. html 창 열고, --아래 소스 복사 하여 붙이기 <marquee behavior=alternate>사랑해요</marquee>
목표-3 : 테불을 만들어 백칼러를 넣을 줄 알고, 백그림을 넣을 줄 알며, 마퀴를 사용할 줄 안다.
★글이 위로 올라가는 소스
<table bgcolor=blue width=500 height=450 border=10> <tr><td> <marquee direction=up scrollamount=1> <font color=white size=4><center> <b><pre> 글쓰기 </pre></font></b></marquee></table> |
★글이 그림 위로 올라가는 소스
<table background=http://bicho3.com.ne.kr/ggot-1-jangmi/사진002-2.gif width=518 height=362 border=10> <tr><td> <marquee direction=up scrollamount=1> <font color=white size=4><center> <b> 제목: 홀로서기 1 <br><br> 지은이 : 서정윤<br><br> 기다림은<br> 만남을 목적으로 하지 않아도 좋다.<br> 가슴이 아프면<br> 아픈채로,<br> 바람이 불면<br> 고개를 높이 쳐들면서,<br> 아득한 미소.<br> </b></center> </font> </marquee> </td></tr></table> | |
6.동영상 tag |
기본 :<embed src="동영상주소" width=600 height=450> |
속성 : embed=동영상 width=가로 height=세로 loop=횟수 |
실습 목표 : 기본을 알고, 주소를 바꿔 넣을 알고, 동영상을 옮긴줄 안다.
1.위 기본을 복사하여 html 창에 부치기를 하고'동영상주소' 삭제한다. 2.동영상 주소를 복사하고, html 창을 열고 따옴표와 따옴표사이에 붙이기를 한다. 3.미리보기를 하면 동영상이 나타난다. ※ 다른 동영상도 옮겨 보자. 기본을 기억하자. |
|
|