1. 가상 선택자 (Pseudo selector)알아보기선택하려고 하는 요소를 좀 더 구체적으로 또는 그 요소의 상태를 같이 지정하는 방법입니다. 아주 다양한 가상 클래스 선택자가 있는데, 오래 전부터 활용되어 온 예로는 요소에 링크 스타일을 지정하는 방법입니다. ※ 익스플로러 버전6에서는 ":link",":visited", ":hover", ":active"만 지원합니다. 1-1. 링크 가상 클래스(link pseudo classes)와 동적 가상 클래스(dyna,ic pseudo classes) 선택자:link 요소에 링크가 지정됐으면 :visited 지정된 링크를 방문했었다면 :active 사용자의 동작에 따라 변화를 렌더링하는 방법으로 클랬했을 경우 :hover 마우스를 올릴 경우 :focus 키..

1. 하이퍼링크 태그 속성속성 설명 href="주소" 링크가 연결된 주소를 지정합니다. id="이름" 웹페이지 내에서 이동할 위치를 지정합니다. target="속성" 링크가 열릴 창을 지정합니다. _self : 현재 창에서 바로 보여 줍니다. target 속성을 사용하지 않으면 기본 값으로 현재 창에서 바로 보여줍니다. _blank : 새로운 창으로 보여 줍니다.title="내용" 링크에 마우스를 올렸을 때 보이는 내용을 지정합니다. 2. 페이지 이동 예제 앙큼한유채 3. 이미지로 페이지 이동 앙큼한유채 > 4. 페이지 내 이동 1. 하이퍼링크 페이지 이동 앙큼한유채 > 2. 이미지 클릭 페이지 이동 페이지 내 이동 나의 도서 목록 포트폴리오 나의 도서 목록 포트폴리오에서는 현재까지 내가 읽은 도서 목록..

1. 차이점 submit 페이지 이동시에 다음페이지로 정보를 전송합니다. href 정보를 전송하지 않고 페이지만 이동합니다. replace 정보를 전송하지 않고 페이지만 이동합니다. 2. 예제 -1) submit -2) href -3)replace * href와 replace의 큰 차이점href의 경우 페이지를 이동할 때 순서대로 이동하게 되므로 뒤로가기 버튼을 누르면 바로 이전페이지로 이동하게 됩니다. -> 1.php -> 2.php -> 3.php 순으로 이동하게 되면 뒤로가기 버튼을 통해 2.php 페이지로 돌아가집니다.반면에 replace의 경우는 페이지 자체를 새로 출력하게 되므로 1.php를 실행하기 이전의 페이지로 돌아가게 됩니다. -> 1.php -> href방식으로 2.php -> rep..

1. HyperLink 예제 하이퍼링크 예제입니다. 현재창에 하이퍼링크 띄우기 새 창에 하이퍼링크 띄우기 마우스를 올려두고 있으면 설명출력 2. 실행화면 -1) 현재 실행되고 있는 창에 하이퍼링크 출력화면 -2) 현재창이 아닌 새로운 창에 하이퍼링크 출력 -3) 마우스를 올려두고 있으면 설명창이 출력 4. 해설 1. -> 바디의 시작 위치를 알려줌 2. 하이퍼링크 예제입니다. -> 폰트의 사이즈가 8이고 글자의 색이 파랑색인 본 예제의 설명을 출력하고 한줄 띄움 3. 현재창에 하이퍼링크 띄우기 -> 문자를 클릭하면 연결된 하이퍼링크를 현재창에 출력 4. 새 창에 하이퍼링크 띄우기 -> 문자를 클릭하면 연결된 하이퍼링크를 새 창에 출력 5. 마우스를 올려두고 있으면 설명출력 -> 마우스를 문자위에 올려두고..