span(2)
-
블로그에 유용한 태그 2 - 글자 스타일 지정하기 (2) : 마우스 오버 글자 스타일 적용
* 이전 글 보기 - 블로그에 유용한 태그 1 - 글자 스타일 지정하기 (1) 지난번에 글자에 간단한 스타일을 적용하는 것에 대해 살펴봤다. 로 적용한 스타일은 영구적인 속성이다. 쉽게 이야기해서 한 번 지정하면 계속 그 상태로 유지된다. 글자 색을 토마토색으로 바꾸기와 같이 지속적으로 유지되는 속성이 부여된다. 그러나 style 대신 OnMouseOver와 OnMouseOut을 사용하면 커서 위치에 따라 글자의 스타일을 바꿀 수 있다. 태그 사용 방식은 이전과 비슷하다. 기본 형식은 이며 OnMouseOver는 마우스 커서를 글자 위에 올렸을 때의 스타일이고 OnMouseOut은 마우스 커서를 글자에서 내렸을 때의 스타일이다. OnMouseOut은 속성 이름만 입력하고 속성값을 비워두면 마우스 커서를 ..
2010.08.28 -
블로그에 유용한 태그 1 - 글자 스타일 지정하기 (1)
대부분 블로그는 WYSIWYG(What You See Is What You Get)를 지원하므로 HTML 태그를 몰라도 글을 작성할 수 있다. WYSIWYG는 간단히 생각하면 워드 프로세서를 사용해서 문서를 작성하는 과정과 비슷하다. 그러나 블로그를 계속하다 보면 태그가 필요할 때가 있다. 아니, 필요하다고 할 순 없지만, 태그를 사용하면 좀 더 간결하고 완성도 높은 글을 작성할 수 있다. WYSIWYG를 사용해서 글 서식이나 표, 그림이 복잡하게 구성된 글을 작성하면 그때그때 적용한 태그가 중첩되거나 하나로 통일할 수 있는데 반복적으로 사용되어 복잡해진다. 결과물은 같지만, 거기에 이르는 과정에서 차이가 있는 셈이다. 홈페이지를 만들 때 나모 웹 에디터나 드림위버를 사용하는 것과 메모장을 이용한 것의 ..
2010.08.24