onclick 이벤트를 실행되지 않도록 막을 에 삽입 onclick="event.cancelBubble=true;"

HTML / XHTML 상의 특수기호가 그대로 표시되도록 기술하거나 키보드로 직접 입력할 수 없는 문자를 기술하기 위한 방법을 문자 참조 (character referendes) 라고 한다. 문자 참조에는 1)문자 실제 참조 (character entity references) 2) 수치 문자 참조 (numerical character references)의 두가지 방식이 있다. 예를들어 "

1. html5에서는 자바스크립트롤 그림을 그릴 수 있는 기능을 지원합니다. 간단한 갠버스를 만들고 사각형(픽셀)을 이용한 재미있는 그림을 그려 보도록 하세요. 2. 캔버스를 만들고 사각형을 출력하는 프로그램을 만들어 봅니다. -1) 소스코드 -2) 실행결과 3. 빨간 사각형 두 개를 만들어 봅니다. -1) 소스코드 -2) 실행결과 4. 자바스크립트에서 사용할 수 있는 색상은 100여 가지 정도입니다. https://css-tricks.com/asnippets/css/named-colors-and-hex-equivalents/에서 원하는 색상의 이름을 찾아서 활용하세요. 스티브 얼굴을 그리려면 어떻게 해야 할까요 전체가 7줄로 이루어져 있고, 각 줄을 순서대로 그린다고 생각해 보셍. 어느 부분에서 반복문..

1. 랜드마크 (Landmark) Banner 페이지의 배너 영역을 나타냅니다. Search 페이지의 검색 영역을 나타냅니다. navigation 네비게이션 영역을 나타냅니다. main (본문영역) 주된 내용이 시작됨을 나타냅니다. contentinfo (푸터영역) 저작권 정보, 발행일 등을 나타냅니다. complementary 페이지의 주된 내용을 보충하지만, 자체로도 의미 있는 영역일 경우 (사이드바) application 웹 문서가 아니라 웹 애플리케이션을 담고 있는 영역을 나타냅니다. 2. 문서구조 article 사이트나 문서에서 독립적인 부분을 구성할 수 있는 영역을 나타냅니다. definition 용어나 개념의 정의를 나타내는 영역입니다. directory 목차 등 세부 엘리먼트들의 참조를 목..

1. Sublime Text3를 실행합니다. 2. 메뉴바에서 'Tools -> Developer -> New Snippet'을 클릭합니다. 3. 자동으로 다음과 같은 코드가 작성돼 있습니다. 4. 3행이 자동으로 생성될 코드부분으로 'Hello, $ is a $.'코드를 삭제하고 생성할 코드를 작성합니다. 5. 주석으로 표시된 부분에서 주석을 제거하고 'tabTrigger'를 활성화한 후 'hello'를 삭제하고 템플릿을 불러올 단어를 문자나 문자열을 입력합니다. 6. 'Ctrl + S'를 눌러 '파일명.sublime-snippet'으로 작성하고, 저장 경로는 변경하지 않고 저장하면 됩니다. 7. 테스트를 하기 위해 메뉴바에서 'File -> New File'을 클릭 or 'Ctrl + N'을 눌러 새로..

1. 태그에 링크거는 방법 -1) 현재창에 띄우는 방법버튼내용 -2) 새창에서 띄우는 방법버튼내용 -3) 팝업창에서 띄우는 방법버튼내용 -4) 프레임에 출력하는 방법 버튼내용