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강을 마칩니다. 첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.
다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.
'스터디 > publishing' 카테고리의 다른 글
[HTML] HTML 강좌, 제 7강의 - 테이블을 만들어보자! (3) | 2011.01.24 |
---|---|
[HTML] HTML 강좌, 제 6강의 - 구분선 그리기, 하이퍼링크와 책갈피 태그! (0) | 2011.01.24 |
[HTML] HTML 강좌, 제 4강의 - 순서가 있는/없는 목록, 정의 목록 나열하는 태그 (0) | 2011.01.24 |
[HTML] HTML 강좌, 제 3강의 - 여러 텍스트 관련 태그! (0) | 2011.01.23 |
[HTML] HTML 강좌, 제 2강의 - 줄 바꾸는 P 태그와 BR 태그, 여러 텍스트에 사용되는 태그 (0) | 2011.01.23 |