HTML
-
Javascript jQuery 기본 정의Html Css JavaScript 2018. 9. 28. 10:03
JQuery - 기본 jQuery는 JavaScript 라이브러리이다. HTML 속 클라이언트 사이드 스크립트 사용을 단순화 한다. Behavioral model(행동 모델)에 기초한 아키텍처를 따른다. 기본적 규칙 jQuery는 기본적으로 $를 함수 이름으로 사용하여 필요한 기능을 호출한다. 일반적으로 함수인자에 DOM selector를 넘겨주어 결과로 배열 0번째 값을 반환 한다. $("xxx_DomSelector_TagX0_xxxx"); jQuery의 메소드들은 기본적으로 리턴하는 데이터의 자료형이 jQuery로 리턴값에 이어서 호출 가능하다. (플루언트(Fluent) 인터페이스: 메서드의 반환값이 자기 자신의 참조가 되어 무한히 메서드를 이어붙임) $("...").css("...","...").a..
-
javascript(Html script) 기본구조Html Css JavaScript 2018. 9. 28. 00:59
Html script (java script) 기본구조 Web 개발 개요; * html 기본 구조: http://infos.tistory.com/1591 * CSS 기본 구조: http://infos.tistory.com/1592; * Html script (java script) 기본구조: http://infos.tistory.com/1810 html 내부에서 script 영역 선언 Ex1 Ex2 2022.11.16 - Javascript Text 누름 이벤트(onClick event) html 외부의 script파일 사용 선언 t1.js파일 var heading = document.querySelector('#heading1'); heading.onclick = function() { heading...
-
CSS태그의 문단 구분 - block-level과 inline-levelHtml Css JavaScript 2018. 2. 3. 23:02
* 화면에 표시되는 element중 문단 단위로 적용되는 여부의 구분. * block-level elements: 문단으로 적용되는 태그.ph1~h6ulolpredldivnoscriptblockquoteformhrtablefieldsetaddress * inline-level elements: 문단속 셀로 적용되는 태그.sampkbdvarciteabbracronymaimgobjectbrscriptmapqsubsupspanbdoinputselecttextarealabelbutton
-
html 기본 구조Html Css JavaScript 2018. 2. 3. 21:41
HTML (HyperText Markup Language, 문서를 서로 연결해 주는 링크 + 표시하다 + 언어) Web 개발 개요; - html 기본 구조: http://infos.tistory.com/1591 - CSS 기본 구조: http://infos.tistory.com/1592 - Html script (java script) 기본구조: http://infos.tistory.com/1810 * html 기본 구조 구조 요약: [html문서임을 알림] -> [html내용] -> [head],[body] 문서가 html5 언어로 작성한 웹문서임을 알리는 정의 Html문서의 시작과 끝을 나타내는 영역 ... 웹브라우저가 문서를 해석하는 데 필요한 정보를 정의. 웹브라우저가 화면에 나타내는 내용들. ...
-
CSS Selector 선택자Html Css JavaScript 2018. 1. 29. 16:31
선택자(Selector)의 종류 Html예제1 hello test html code. test html code HTML 삽입 미리보기할 수 없는 소스 선택자 예제 h1~6까지 모두 포함 "h1, h2, h3, h4, h5, h6" 전체 선택자(Universal Selector) * { margin:10px; } 문서의 모든 요소에 적용할 때 사용. 타입 선택자(Type Selector) p { font-style: italic; } 클래스 선택자(Class Selector) 선택자 우선순위가 타입 선택자보다 높다 .accent1 { border:1px solid #000; padding:5px; } ID 선택자(ID Selector) 선택자 우선순위가 클래스 선택자보다 높다 #container1 { w..