본문 바로가기
스터디/publishing

[HTML] HTML 강좌, 제 5강의 - 움직이는 텍스트를 만들고 이미지 삽입하는 태그!

by 깝태 2011. 1. 24.

HTML 강의, HTML 강좌, HTMl 태그 강의, HTML 태그 강좌
안녕하세요, 이번 강의는 움직이는 텍스트를 만드는 <marquee> 태그와 이미지를 삽입할 수 있는 <img> 태그 입니다.




먼저 움직이는 텍스트를 만드는 <marquee> 태그 입니다.

움직이는 텍스트 만들기 - <marquee> ~ </marquee>

위치 - <marquee align = "수평 정렬방식">
범위 - <marquee height = "상하" width = "좌우">
여백 - <marquee hspace = "좌우여백" vspace = "상하여백">
방향 - <marquee behavior = "흘러갈 방향(scroll/slide/alternate)
(scroll - 페이지를 가로지름/slide - 한쪽 끝 가장자리 닿으면 정지/
alternate - 일정범위 내에서 왔다갔다 반복)
방향 - <marquee direstion = "흘러갈방향(up/down/left/right)">
속도 - <marquee scrlldelay = "스크롤 지연속도(값이 클수록 느림)">
속도 - <marquee scrollamount = "한번에 가는 거리(값이 클수록 빠름">
색상 - <marquee bgcolor = "색상명/RGB값"
횟수 - <marquee loop = "반복횟수(N, -1 일시 무한반복)">


그리고 이미지를 삽입할 수 있는 <img> 태그 입니다.

이미지 삽입 - <img src="경로">

이미지 정렬 - <img align = "정렬방식">
(left, right / top, middle, bottom)
이미지 설명 - <img alt = "설명 텍스트">
이미지 크기 - <img width = "좌우" height = "상하">
이미지 테두리 두께 - <img border = "n">
이미지 여백 - <img hspace = "좌우여백" vspace = "상하여백">

오늘 강의는 속성이 많아 약간 외울게 있긴 있지만 무조건 외울려고 하지 마세요! 앞으로 CSS, JavaScript, PHP 등
여러 웹프로그래밍 언어를 배우다보면 HTML 비중이 줄어들 수도 있습니다. 그럴때는 간략하게만 외워두고 필요할때는
그냥 찾아서 하면 되요! ^^

아마 제 HTML 강의는 10강 안에 끝날듯 합니다. 다음 6강은 하이퍼링크, embed 강의를 할 생각이며
7강은 테이블, 8강은 프레임, 9강은 입력 양식 폼에 대해 공부할 생각입니다. 테이블 쪽에 양이 많아 더 추가될 수도 있고
줄어들 수도 있습니다. 같이 열심히 따라와주시면 감사하겠습니다! 댓글도 많이 달아주세요~ ^^

이로써 5강을 마칩니다.  첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.

5강 예제.zip


다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.