본문 바로가기
[기초강좌] HTML Lists - w3schools 번역 [기초강좌] HTML Lists - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_lists.asp 가장 흔하게 쓰이는 HTML list 는 정렬된 리스트( 원문 : ordered list ) 와 정렬 안된 리스트 ( 원문 : unordered list ) 이다. HTML Unordered Lists 정렬되지 않은 list 는 tag 로 시작된다. 각 리스트 아이템은 tag 로 정의된다. 리스트 아이템은 작은 동그라미 ( 원문 : bullet ) 로 표시된다. CoffeeMilk CoffeeMilk HTML Ordered Lists 정렬된 리스트는 tag 로 시작된다. 각 리스트 아이템은 tag 로 정의된다.. 2014. 3. 17.
[기초강좌] HTML Text Formatting - w3schools 번역 [기초강좌] HTML Text Formatting - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_formatting.asp This text is bold This text is italic This is computer output This is subscript and superscript 눈으로 직접 보기. HTML Formatting Tags HTML 은 , 와 같은 tag 를 이용하여 보여지는 형태를 달리 한다. 이런 HTML Tag 들을 formatting tag 라고 부른다. ( 전체 reference 는 이 페이지의 하단을 참고하길.. ) Tip종종 이 처럼, 그리고 이 처럼 표기된다.하지.. 2014. 2. 27.
[기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 [기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_basic.asp 예제들이 배우지 않은 tag 들을 사용한다고 해도 걱정할 필요 없어요.다음 강좌들에서 tag 들에 대해 배우게 될 테니깐요. HTML Headings HTML Headings 은 ~ tag 를 통해서 정의된다. This is a headingThis is a headingThis is a heading 눈으로 직접 확인하기 HTML Paragraphs HTML 의 문단은 tag 를 통해 정의된다. This is a paragraph.This is another paragraph. 눈으로 직접 확인하.. 2014. 2. 19.
[기초강좌] HTML Editors - W3Schools 번역 [기초강좌] HTML Editors - W3Schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_editors.asp Writing HTML Using Notepad or TextEdit HTML 은 다음과 같은 전문적인 HTML 편집기로 잡업할 수 있다. - Adobe Dreamweaver - Microsoft Expression Web - CoffeeCup HTML Editor 하지만, HTML 을 배우기 위해서는 메모장 ( PC ), TextEdit ( Mac ) 를 사용하는 것이 권장된다. 간단한 편집기가 HTML 을 배우는 데 좋다. Step 1 : Start Notepad - 메모장을 실행하기 위해서는 시작.. 2014. 2. 17.
[jQuery/Tutorial] Selector 를 통해 Element 선택하기. Selector 를 통해 Element 선택하기. [이전강좌] DOM의 Attributes 사용하기. jQuery 는 CSS3 가 제공하는 selector 대부분을 지원하고, 이외의 특별한 selector 들도 제공한다. ID 로 선택하기 $("#myID"); Class 이름으로 선택하기 $(".myClass"); Attribute 값으로 선택하기 $("a[href='newHtml.html']"); CSS 복합 selector 로 선택하기 $("#myID ul.myClass li"); Pseudo-selector $("a.external:first"); // external 이라는 class 를 가진 첫번쨰녀석$("tr:odd"); // tr 의 홀수번째 녀석들. $("#myForm:input") // .. 2013. 7. 17.
[jQuery/Tutorial] DOM의 Attributes 사용하기. DOM 의 Attributes 사용하기 [이전강좌] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery 함수 중 하나인 attr 함수는 DOM attribute 에 대한 getter 이자, setter 로 사용할 수 있다. Setter 로서의 사용 예 $("a").attr( "href", "newHtml.html" ); $("a").attr({title: "newTitle",href: "newHtml.html"}); Getter 로서의 사용 예 $("a").attr( "href" ); [다음강좌] Selector 를 통해 Element 선택하기. attr, attributes, DOM, dom attribute, exmaple code, getter, jQue.. 2013. 7. 16.
[jQuery/Tutorial] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery와 다른 JS Library 함께 쓰기 ( noConflict ) [이전강좌] $(document).ready() 와 $(window).load() 의 차이. jQuery 는 해당 library 를 사용을 위한 namespace 로 "jQuery" 를 지정했고, $ 를 그 alias 로 지정해놓았다.하지만 다른 유명한 JS Library 들도 $ 를 namespace alias 로 사용하는 경우가 있어jQuery 와 다른 library 사이에 충돌이 일어나는 경우가 있다. 충돌이 일어나면, 내가 현재 사용하는 $ 가 어떤 library 에 귀속되는 녀석인지 판별하기가 어렵다.그래서 가능하면 한 개의 library 로 해결할 수 있다면 다른 library 를 함께 사용하는 것은 비추되고 있다.C.. 2013. 7. 15.
[jQuery/Tutorial] $(document).ready() 와 $(window).load() 의 차이. $(document).ready() 와 $(window).load() 의 차이 [이전강좌] $ 와 $() 의 차이. $(document).ready() $(document).ready() 는 페이지의 DOM 이 모두 load 되는 순간 1회만 불린다. $(window).load() $(window).load( function(){...} ) 의 경우는 페이지 전체가 다 load 되는 순간 1회만 불린다. 둘의 차이가 잘 이해가 안되는데? DOM load 와 Page load 의 차이를 이해하면 이해가 될텐데,page load 는 img 나 iframe 태그가 있을 경우 그것들의 load 가 모두 끝나는 순간을 page load 가 끝나는 시점으로 본다.따라서 DOM 이 모두 준비되어도 JS 코드들을 바로.. 2013. 7. 11.
[jQuery/Tutorial] $ 와 $() 의 차이. $ 와 $() 의 차이 jQuery selection 에 불리는 method 는 $.fn namespace이다.jQuery method 의 대부분의 경우가 바로 이 jQuery object method 이다.이 경우 자동적으로 selection 을 받거나 리턴할 수 있다. ex)$("h1").remove(); Selection 없이 $ namespace 로 불리는 method 는 보통 utility-type method 이다. 이 녀석들은 core jQuery method 라 불린다.이들은 자동으로 argument 를 전달하지 않으며, 반환값을 다르다. [다음강좌] $(document).ready() 와 $(window).load() 의 차이. $, $(), core jQuery method, FN, j.. 2013. 7. 10.
반응형

티스토리툴바