삶의 모든 순간을 즐겨라!

출처: http://www.homejjang.com/09/css_table.php 입니다. HTML은 간단한 마크업 언어이기 때문에 더이상 확장하기가 힘듭니다. 반면 CSS는 계속 확장하고 있고 응용을 할 부분도 더 많습니다. 최근 Ajax와 같은 새로운 웹개발 방법이 나오면서 보다 동적인 웹을 구현할려는 방향으로 흐르고 있습니다. 이런 분위기는 C..

출처: http://www.homejjang.com/09/css_filter.php 입니다. CSS를 이용하면 다양한 필터효과를 낼 수 있습니다. (CSS 필터효과는 IE에서만 적용됩니다.) Blur Filter <span style="filter: blur(add=false, direction=135, strength=6); font-size:20pt;width:200px;">Blur Filter</span> Blur Filter Glow Filter <span style="FILTER: Glow(Color=#ff0000, Strength=8);..

출처: http://www.homejjang.com/09/scrollbar_color.php 입니다. scrollbar 속성을 이용하면 스크롤바의 색상을 바꿀 수 있습니다. IE 5.5 이상 버전에서만 적용됩니다. <style type="text/css"> body { scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#B58E63; scrollbar-face-color:#F2ECE6; scrollbar-shadow-color:#B58E63; scrollbar-darkshadow-color:white;..

출처: http://www.homejjang.com/09/cursor.php 입니다. cursor 속성을 이용하면 마우스 커서의 형태를 지정할 수 있습니다. 아주 간단하므로 예제를 보시면 금방 이해가 됩니다. <p style="cursor:auto">Auto</p> <p style="cursor:crosshair">Crosshair</p> <p style="cursor:default">Default</p> <p style="cursor:pointer">P..

출처: http://www.homejjang.com/09/link_color.php 입니다. 하이퍼링크의 색상 <a>태그에서 바로 적용해도 됩니다. <a href="#" style="color:red;">하이퍼링크의 색상</a> 하이퍼링크의 색상 그러나 마우스를 올렸을때(hover) 효과를 주기위해서 일반적으로 아래와 같은 방법을 더 많이 사용합니다. <style type="te..

div 속성은 style시트로 설정한다. 레이어 객체에 접근 할때에는 레이어아이디.style.속성으로 접근한다. ex) layerID.style.overflow="auto"; ※ 속성 position : absolute(절대위치), relative(상대위치), static(기본값), fixed(고정) top : 위부터 아래쪽으로 위치 left : 왼쪽부터 오른쪽으로 위치 width : 레이어 가로 길이 height : ..

iframe 태그란? HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다. 음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이다. 1. IFRAME기본속성 <iframe src="불러올 html파일명"..

* 3단 프레임 나누기 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * 4단 프레임 나누기 <frameset rows="20%,70%,10%"> <frame src="a.html"> <frameset cols="30%,70%"> <frame src="b.html"> <frame src="c.html"> </ frameset> <frame src="d.html"> </ frameset> 프레임을 상하로 20..

프레임 태그 사용법 프레임문서를 사용하는 목적 및 방법을 이해 한다. 프레임 문서를 구성하는 프레임 셋 및 프레임 태그 속성 을 익힌다. 1. 프레임이란? 프레임이란 웹 페이지를 수직이나 수평으로 여러개 영역으로 나누어 다른 웹 문서가 들어 갈 수 있도록 구성할 수 있습니다. 이 때 나누어진 각각..

표 만들기 HTML 문서내에서 표 만드는 방법을 이해한다. 표 만들기를 익히고 그 외 응용하는 방법을 알아본다. 문서를 작성할 때 항목을 자유로이 나열하는 것 보다 표를 이용하면 비교적 공간을 적게 차지하고 내용을 한 눈에 쉽게 알아 볼 수 있어 편리하지요. 홈페이지 작성할 때 실제로 필요한 도표..