2020. 4. 12.

[HTML] 선그리기, 흐르기 문자 동영상 정리

  1. 선그리기 <HR>
  • 문서내에서 수평의 선을 긋는 태그
  •  <HR>의 속성태그 -> size, width, color, align, noshade
    • size : 선의 높이, 픽셀단위로 구분
    • width : 가로의 넓이, pixel 또는 %로 구분
    • color : 선의 색깔
    • align : 정렬 방향
    • noshade : 그림자를 없앤다.

htm105_01html - Windows Ad4(O) —71 tv) < html > < head> <title> </title> < body > <hr size="10" width="400" color—"red" align "center" > </bodp Ln 6, col 55 100% Windows (CRLF)

%는 브라우저의 길이에 비례함
htmlC5_C1 html - Windows Ad4(O) —71 tv) < html > < head > <title> </title> <hr size="10" width—"400" color="red"> < body > <hr size="10" width </bodp Ln 8, col 40 "80%" color="green > 100% Windows (CRLF) UTF-8


2.  마퀴태그 <MARQUEE>
 - 텍스트나 이미지가 흐르는 느낌이 들도록 스크롤 되면서 움직이게 하는 태그
 - 익스플로러에서만 지원

Behavior
움직임에 대한 속성(slide = 한쪽에서 나타나 다른쪽에서 멈춤) ( alternate = 한쪽에서 다른쪽에 다다르면 반대쪽으로 튕겨 나가는 효과) ( scroll = 한쪽에서 다른쪽으로 사라지는 효과.기본값)
bgcolor
스크롤되는 요소 뒤편의 배경색 지정
direction
스크롤되는 방향, left(기본값), right, up, down
height
스크롤되는 높이
hspace
스크롤되는 공간의 좌우여백 지정
vspace
스크롤되는 공간의 상하여백 지정
loop
반복횟수 지정
scrollamount
움직임의 부드러움, 거칠음 정도 조절
scrolldelay
이동 단위를 몇 초 단위로 이동시키느냐를 결정
width
스크롤되는 공간의 너비

behavior 움직이는 종류

p htm105_02.html - Windows Ad4(O) —71 tv) < html > < head> </title> < body > <marquee Ch. </marque <marquee Ch. </marquef <marquee Ch. </mar </bodp Ln 2, col 8 100% Windows (CRLF) ANSI

direction 방향

- Windows Ad4(O) —71 tv) < head> </title> - body > <marquee behavior="alternate" direction <marquee behavior="alternate" direction <marquee behavior="alternate" direction <marquee behavior="alternate" direction /body> "left" width g 4 "right" > 31171 Ch. "up" > 31171 "down" > 31171 <

vspace

htm105 04.html - Windows < html > < head> < title>éZ12171 </title> < body > <marquee direction "up" bgcolor="yellow" <marquee direction— "leftt' bgcolor="yellow" vspace="100" </bodp

scrollamount 옵션

htm105_05html - Windows < body > <marquee scrollamount=l ELI <marquee scrollamount=50 height="300 > " -31171 </bodp Ln 8, col 26 100% Windows (CRLF) ANSI
시간:
라벨: ,

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)