html/드림위버설명

(html)img태그,input태그,marquee태그

갓리버리 2014. 1. 21. 13:02

<IMG>
ALIGN, ALT, BODER, HEIGHT, HSPACE, ISMAP

,LOWSRC, NAME, SRC, USEMAP, VSPACE, WIDTH


형식 :

<IMG src="이미지파일명(URL)" width="이미지의 너비"

height="이미지의 높이" border="이미지테두리값"

alt="이미지위에 마우스를 올렸을때 나타나는 풍선글"

align="left | right | center" hspace="이미지좌우여백"

vspace="이미지상하여백" >


설명 :

이미지를 웹페이지에 삽입할때 사용하는 태그입니다.

 

 

*input태그

 

<INPUT> ALIGN, CHECKED, MAXLENGTH, NAME, SIZE

,TYPE, VALUE


형식 :

<INPUT TYPE="양식">


설명 :

방문자로부터 데이터를 받을수 있는 양식폼을 만드는 태그로

 type속성에 text(글상자), password(암호입력상자),

 radio(라디오상자), checkbox(네모체크상자), submit(전송버튼)

,reset(취소버튼), image(그림상자), file(파일입력상자)

,hidden(보이지않는양식), button(일반버튼)등이 있습니다.


간단한 예제 :

<input type="text"><br>
<input type="password"><br>
<input type="radio"><br>
<input type="checkbox"><br>
<input type="submit"><br>
<input type="reset">
<br>

 

*marquee태그

 

<MARQUEE>
ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT

,HSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY


형식 :

1. 오른쪽에서 왼쪽으로 흐르는 기본적인 마퀴태그

<MARQUEE>오른쪽에서 왼쪽으로 흐르는 마퀴태그

</MARQUEE>

2. 흐르는 방향은 direction을 이용합니다.

(left , right , up , down )

<MARQUEE direction="left">

오른쪽에서 왼쪽으로 흐릅니다.</MARQUEE>

3. 움직이는 방법은 slide(왼쪽끝에 도달해서 멈춤)

, alternate(왔다갔다)를 이용합니다.

<MARQUEE BEHAVIOR="slide">

slide는 왼쪽 끝에 도달한 후 멈춤.</MARQUEE>

<MARQUEE BEHAVIOR="alternate">

alternate 는 진행방향을 교대</MARQUEE>

4. 마퀴영역을 width와 height를 이용해서 설정합니다.

<MARQUEE WIDTH="200" HEIGHT="80" direction="down">

너비는 200픽셀,높이는 80픽셀</MARQUEE>

5.마퀴영역의 배경색을 bgcolor를 이용해서 지정합니다.

direction="up">배경색이 빨간색</MARQUEE>

6.빠르기(속도)는scrollamount속성을 이용합니다.

<marquee scrollamount="30"

direction="right">정말빠른 속도값에 만약 1을

 주면 정말 느려져요~</marquee>

설명 :

텍스트를 여러가지 형태로 움직일수 있게 하는 태그입니다.


※ scrollamount와 scrolldelay의 차이점

 

scrollamount : 글자의 속도를 지정

scrolldelay 는 글자가 mm단위로 움직이는 갭차이

 

간단한 예제 :

<MARQUEE direction="left">o('-'o) </MARQUEE>