[ 5강 ] 마큐와 외부파일 불러오기

[리눅이]

1. marquee 태그

- html에서 유일한 움직임 태그

(0) 기본 실행

          저희 홈페이지에 오신것을 환영합니다. 

(1) 넓이 , 높이 , 배경색 지정 속성

        <marquee width="500" height="200" bgcolor="yellow"> 저희 홈페이지에 오신것을 환영합니다. 

(2) behavior 속성

   - 행동 방법 속성으로  scorll (default) 값과 alternate 값이 있다.

        behavior="scroll"> 반복해서 움직입니다. 

        behavior="alternate"> 좌우로 왔다갔다합니다. 

        behavior="slide"> 끝에서 멈춥니다. 

(3) direction 속성

   - 행동 방향 속성으로 up 또는 down 또는 left(default) 또는 right 값이 있다.

      <marquee direction="up"> 글자가 위로 올라갑니다. </marquee>

(4) scrollamount 속성

   - 움직이는 단위를 지정하는 것으로 픽셀 단위를 기록한다. - 움직이는 속도와 관련함 -

   - 기본 수치는 6으로 10으로 기록을 하게되면 10 픽셀 단위 만큼 움직이므로 조금 빠르게 흘르게 된다.

       scrollamount="30"> 30만큼 속도가 빨라집니다.(숫자가 클 수록 빠름) 

(5) loop 속성

   - 반복 회수 지정

       loop="3"> 3회 반복 후 사라집니다. 

(6) scrolldelay 속성

   - 움직임의 지연 시간을 설정한다. (숫자가 클 수록 느림)

   - 속성 값으로 1000은 1초를 의미한다.

   - 기본 값은 80

        scrolldelay="1500"> 1.5초의 지연이 발생하고 있습니다.      

2. iframe 태그

 - 웹 페이지 안에 다른 웹 문서를 넣을 수 있는 공간을 제공해 주는 태그

   (1) 속성 - src / width / height  / border

     src="test1.txt" width="300" height="300">

(실습예제1)

-  2개의 파일에 iframe을 만들고 시키고  동일하게  message.html 파일을 링크시킨다.

message.html  >> 파일에 환영 및 안내 메세지 작성 후 2개의 파일을 열면 모두 적용된 것을 확인 할 수 있다.

                             dothome.co.kr 에서 호스팅 신청 후 안내 파일이 iframe으로 연결해서 사용되고 있다.

 message.html

message.html

(실습예제2) 대화방 모양 만들기

main.html

read.html 파일을 호출한다.	참여자 홍길동 김만세
write.html 파일을 호출한다.

read.html - 테이블 구조에 아래의 내용들을 작성하여 저장한다.

홍길동 : 안녕하세요?
김만세 : 어서오세요!!

write.html - 테이블 구조에 아래의 내용들을 작성하여 저장한다.

방가방가

(실습예제3)  약관에 들어갈 내용을 실습한다.  (dothome.co.kr 참초)